css包含5个具有相同类名的无序列表的样式，为每个类应用不同的样式

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， 并且没有唯一的id挂钩，你可以使用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

是否可以从ul标记中删除.level2并替换为<ul class="level2">？那么你的css应该可以工作。