CSS стиль неупорядоченного списка, содержащего 5 ul с одинаковыми именами классов, применять разные стили для каждого

Question

X:nth-of-type(n)

ul:nth-of-type(3) {   
border: 1px solid black;   
}  
ul:nth-of-type(3) {
border: 1px solid black;
}

Будут случаи, когда вместо выбора дочернего элемента вам нужно будет выбирать в соответствии с типом элемента.

Представьте разметку, которая содержит пять неупорядоченных списков.Если вы хотите стилизовать только третий ul, и у вас нет уникального идентификатора, к которому можно подключиться, вы можете использовать псевдокласс nth-of-type (n).В приведенном выше фрагменте только третий ul будет иметь рамку вокруг него.

У меня выше не работает

dropmenu

<li class="submenu">
<ul.level2>
<li>something</li>
<li>something2</li>
</ul>

<ul.level2>
<li>something</li>
<li>something2</li>
</ul>

<ul.level2>
<li>something</li>
<li>something2</li>
</ul>

Список выше динамически генерируется скриптом php иЯ не могу изменить имена классов, поэтому, когда я применяю стили к элементу ul, он одинаков для всех.Спасибо за помощь

Answer 1

В каком браузере вы это тестируете, потому что псевдокласс :nth-of-type(n) поддерживается не во всех браузерах. Например, он не поддерживается в Internet Explorer.

Answer 2

возможно ли удалить .level2 из тегов ul и заменить на <ul class="level2">? Тогда ваш CSS должен работать.