<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