html - 将样式应用于包含嵌套列表的列表项

标签 html css

我有一个看起来像这样的列表:

<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/

相关文章:

css - 选择器 :hover. 悬停前应用的类

javascript - 隐藏后照片切换不可见

javascript - 如何从 div 中获取铭文?

mysql查询中的php循环

javascript - 为什么在添加动画 css 类时不起作用

html - 带滚动和左/右区域的 DIV 布局

css - 高度扩展的文章元素会下推下方每一行和每一列中的其他文章元素

html - 两个 div 中的段落对齐,它们之间有一个图像

javascript - 定期更新 iFrame 中的 CSS

javascript - 将两个单独的元素附加到一个动画脚本