html - css 来自具有类的元素的第 n 个子元素

标签 html css css-selectors

我有一种方法可以从具有特定类的元素中选择(使用 css)第 n 个子元素。例如,对于以下内容,我如何选择带有 id="this"li 元素(显示用于解释目的)?所以基本上我想说 class="selected"

元素中的第二个元素
<ul>
    <li></li>
    <li class="selected"></li>
    <li></li>
    <li id="this"></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

最佳答案

实际上你可以使用 + 选择器。它有点脏,但适用于您的情况。您只需要知道所需元素的确切位置即可。

.selected + li + li(根据需要多次添加 + li)

关于html - css 来自具有类的元素的第 n 个子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35226766/

相关文章:

Html5 Canvas drawImage : how to apply antialiasing

css - 如何以编程方式在所有现有 CSS 选择器中插入父元素

css - 是否有 CSS 父级选择器?

php - 使用php将表单中的数据填充到数据库中

css - css 中图形边框的简单布局?如何停止未对齐的边框图形?

html - 列表中包含的 anchor 上的填充不会调整列表项的高度

html - 为什么我不能更改 IE8 中的选择选项样式?

html - 如何使用 CSS Flexbox 来伸缩多个高度/尺寸的盒子

javascript - 加载时背景淡入

css - 抽象 CSS