亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Contient des sélecteurs (descendants)

Contient un sélecteur, c'est-à-dire l'ajout d'espaces, qui est utilisé pour sélectionner les éléments descendants sous l'élément tag spécifié. Par exemple, le code dans l'éditeur de code à droite?:

.first span{color:red;}

Cette ligne de code rendra le premier paragraphe de texte "lache comme la couleur de la police "Rat", passe au rouge.

Veuillez noter la différence entre ce sélecteur et un sélecteur enfant. Un sélecteur enfant ne fait référence qu'à ses descendants directs, ou vous pouvez le comprendre comme les descendants de première génération qui agissent sur les éléments enfants. Le sélecteur descendant agit sur tous les éléments descendants enfants. Les sélecteurs descendants sélectionnent avec des espaces, tandis que les sélecteurs enfants sélectionnent avec ">".

Résumé?: > Agit sur les descendants de première génération de l'élément, et les espaces agissent sur tous les descendants de l'élément.


Formation continue
||
<!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;/*添加邊框樣式(粗細為1px, 顏色為紅色的實線)*/ } </style> </head> <body> <p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</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>
soumettreRéinitialiser le code