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

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 可以 Hook ，你可以使用 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 不支持它。