[CSS] 选择器的级联是集合操作

<div class="test">
    <span>1</span>
    <span>2</span>
    <span>3</span>
</div>

.test>span+span{
    color:red;
}

结果：第2个和第3个span字体都会变红

<u></u>.test，选择class为test的所有div，得到一个单元素的集合A
<u></u>.test>span，选择集合A所有元素的，直接子元素span，得到一个3元素的集合B
<u></u>.test>span+span，选择集合B所有元素的，后面第一个兄弟元素span，得到一个2元素集合C

因此，集合C包含2个元素

注：
因为IE8没有:nth-child(n)和:last-child选择器，所以tr>td:nth-child(2)经常用tr>*+td来表示
但是实际上这里是不准确的，tr>*+td表示的是第2,3,4,...个td

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容