CSS:仅为 ul 内的 li 设置样式

标签 css html-lists

我有一个无序列表 (ul),其中包含一些列表项 (li)。其中一个在 (ul) 中有另一个无序列表。现在,我想为所有这些 li 使用相同的样式表,除了 li 里面有另一个无序列表。

<ul>
    <li>Element</li>
    <li>Another Element</li>
    <li>Special Element
        <ul>
            <li>Child</li>
            <li>Child</li>
        </ul>
    </li>
</ul>

如何在不为特殊 li 设置特定类的情况下设置 CSS?

最佳答案

ul ul li { 你的规则:这里; }

我建议读一读,它将帮助您理解级联和特异性:http://reference.sitepoint.com/css/inheritancecascade

-- 编辑--

抱歉,刚刚意识到您想要设置 li 的样式,而不是里面的 ul li

li:nth-child(3) { 你的规则:这里; }

注意:如果有三个或更多,这也会影响您的内部 li

阅读http://css-tricks.com/how-nth-child-works/了解我建议您使用的规则。

关于CSS:仅为 ul 内的 li 设置样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11866982/

相关文章:

css - Spring 启动。一个文件捕获 CSS,另一个文件则不捕获

javascript - 当 <td> 是字符串的一部分时,尝试根据条件在 <td> 标记内添加/更改类

css - 向 CSS 颜色变量添加不透明度

css - "Guillemet"箭头不会为 Rails link_to 帮助程序中的按钮生成

jquery - 在 html 中使用 css 放置悬停或单击输入类型

css - ul 和 li 将 div 推错位

html - 如何仅设置有序列表项的样式?没有嵌套在里面的无序列表项

html - IE 11 框大小问题(添加边框或填充时不起作用)

html - 在 2 列列表之间添加水平空间以使其居中

html - UL CSS 列 - 排列列高度以匹配多行