Jump to content
  • 0

Вложенность <li>


stone86
 Share

Question

Добрый день.

Делаю первый шаблон под джумлу, сейчас делаю меню, есть цель для каждого пункта сделать свой фон.

есть такой код


<div class="module_menu">

<div>


<ul class="menu">
<li class="item55">
<a href="/index.php?option=com_content&view=category&id=37&Itemid=55">
<span>1</span>
</a>
</li>
<li class="item56">
<a href="/index.php?option=com_content&view=category&id=36&Itemid=56">
<span>2</span>
</a>
</li>
<li class="item57">
<a href="/index.php?option=com_content&view=category&id=35&Itemid=57">
<span>3</span>
</a>
</li>

</ul> </div>

</div>

и есть обращение к li

.module_menu div ul li {

оно закрашивает все пункты.

а как обратится ко второму li отдельно? .module_menu div ul li li{ не работает.

заранее спасибо!

Edited by stone86
Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0
а как обратится ко второму li отдельно? .module_menu div ul li li{ не работает.

Так в коде нет вложенности li о_О Ещё бы оно работало.

Обращение к первому li:first-child, ко второму - li:first-child + li. И т.д. А вообще - у вас же классы проставлены везде, по ним и обращайтесь.

Link to comment
Share on other sites

  • 0

Так в коде нет вложенности li о_О Ещё бы оно работало.

Обращение к первому li:first-child, ко второму - li:first-child + li. И т.д. А вообще - у вас же классы проставлены везде, по ним и обращайтесь.

Работает!

спасибо огромное! :)

Link to comment
Share on other sites

  • 0

именно тут для IE можно всем назначить стили как для второго пункта, а потом first-child и last-child переназначить :blush:

Если не устроит - только добавление класса.

:last-child - неработает в ие8, не по спецификации видите ли. Вот такой ие8 правильный :)

  • Like 1
Link to comment
Share on other sites

  • 0

:last-child - неработает в ие8, не по спецификации видите ли. Вот такой ие8 правильный :blush:

мда?

а если MS такие правильные, то почему тогда IE9 не по спецификации работает? Он же поддерживает last-child

Link to comment
Share on other sites

  • 0

:last-child - неработает в ие8, не по спецификации видите ли. Вот такой ие8 правильный :blush:

мда?

а если MS такие правильные, то почему тогда IE9 не по спецификации работает? Он же поддерживает last-child

потому что в css 3 :last-child есть, а ие9 его частично поддерживает, а вот в css 2.1 - не было, а ие8 четко поддерживает css 2.1.

И вообще, то был сарказм.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy