国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

包含(後代)選擇器

包含選擇器,即加入空格,用於選擇指定標(biāo)籤元素下的後輩元素。如右側(cè)程式碼編輯器中的程式碼:

.first ?span{color:red;}

這行程式碼會(huì)使第一段文字內(nèi)容中的「膽小如鼠”字體顏色變?yōu)榧t色。

請(qǐng)注意這個(gè)選擇器與子選擇器的區(qū)別,子選擇器(child selector)只是指它的直接後代,或者你可以理解為作用於子元素的第一代後代。而後代選擇器則是作用於所有子後代元素。後代選擇器透過空格來進(jìn)行選擇,而子選擇器是透過“>”進(jìn)行選擇。

總結(jié):>作用於元素的第一代後代,空格作用於元素的所有後代。


#
繼續(xù)學(xué)習(xí)
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>后代選擇器</title> <style type="text/css"> .first span{color:red;} .food>li{ border:1px solid red;/*添加邊框樣式(粗細(xì)為1px, 顏色為紅色的實(shí)線)*/ } </style> </head> <body> <p class="first">三年級(jí)時(shí),我還是一個(gè)<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動(dòng)我也沒勇氣參加。</p> <ul class="food"> <li>水果 <ul> <li>香蕉</li> <li>蘋果</li> <li>梨</li> </ul> </li> <li>蔬菜 <ul> <li>白菜</li> <li>油菜</li> <li>卷心菜</li> </ul> </li> </ul> </body> </html>
提交重置程式碼