[CSS] 選擇器的級(jí)聯(lián)是集合操作

<div class="test">
    <span>1</span>
    <span>2</span>
    <span>3</span>
</div>
.test>span+span{
    color:red;
}

結(jié)果:第2個(gè)和第3個(gè)span字體都會(huì)變紅

<u></u>.test,選擇classtest的所有div,得到一個(gè)單元素的集合A
<u></u>.test>span,選擇集合A所有元素的,直接子元素span,得到一個(gè)3元素的集合B
<u></u>.test>span+span,選擇集合B所有元素的,后面第一個(gè)兄弟元素span,得到一個(gè)2元素集合C

因此,集合C包含2個(gè)元素

注:
因?yàn)镮E8沒有:nth-child(n):last-child選擇器,所以tr>td:nth-child(2)經(jīng)常用tr>*+td來表示
但是實(shí)際上這里是不準(zhǔn)確的,tr>*+td表示的是第2,3,4,...個(gè)td

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容