[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