我有一个看起来像这样的列表:
<li>List Item 1</li>
<li>List Item 2
<ul>
<li>Sub List Item 1</li>
</ul>
</li>
<li>List Item 3</li>
我想将包含嵌套列表的所有列表项的样式设置为粗体,并使其余项保持正常:
- 列出第 1 项
- 列出元素 2
- 子列表项 1
- 列出第 3 项
这是我可以使用 CSS 完成的事情吗?
最佳答案
我假设您不想手动将类添加到包含子项的列表项中:
<li class="nestedlist">
对吗?您希望它被自动检测到吗?
不幸的是,在 CSS 中无法根据子元素更改父元素的样式。不过,您可以使用快速 JS 来完成。
这是一篇关于为什么他们不允许我们这样做的有趣帖子……虽然我不相信! http://css-tricks.com/parent-selectors-in-css/
关于html - 将样式应用于包含嵌套列表的列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9778372/