亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

是否有僅第一個直接子代的CSS選擇器?

是否有僅第一個直接子代的CSS選擇器?

四季花海 2019-11-25 15:04:59
我有以下HTML<div class="section">   <div>header</div>   <div>          contents          <div>sub contents 1</div>                        <div>sub contents 2</div>   </div></div>以及以下樣式:DIV.section DIV:first-child {  ...}由于某種原因,我不了解該樣式已應用于“子內容1” <div>和“標題” <div>。我認為樣式上的選擇器僅適用于div的第一個直接子類,該子類具有“ section”類。如何更改選擇器以獲取所需的內容?
查看完整描述

3 回答

?
一只萌萌小番薯

TA貢獻1795條經驗 獲得超7個贊

您所發布的字面意思是“查找在div分區內并且是其父級的第一個孩子的div?!?該子項包含一個與該描述匹配的標簽。


對我來說還不清楚,你是否想要主要div的兩個孩子。如果是這樣,請使用以下命令:


div.section > div

如果只需要標題,請使用以下命令:


div.section > div:first-child

使用>更改將描述更改為:“查找屬于div分區的直接后代的所有div”。


請注意,除IE6之外,所有主流瀏覽器均支持此方法。如果IE6支持是關鍵任務,則必須將類添加到子div并使用它。否則,這是不值得關心的。


查看完整回答
反對 回復 2019-11-25
?
函數式編程

TA貢獻1807條經驗 獲得超9個贊

CSS被稱為級聯樣式表,因為規則是繼承的。使用下面的選擇,將只選擇父母的直接孩子,但它的規則將被繼承由div的孩子divs:


div.section > div { color: red }

現在,無論是div 和它的孩子會red。如果您不希望繼承父項,則需要取消對父項設置的任何內容:


div.section > div { color: red }

div.section > div div { color: black }

現在,只有div作為其直系子代的那個單身div.section會是紅色,但其子代divs仍然會是黑人。


查看完整回答
反對 回復 2019-11-25
  • 3 回答
  • 0 關注
  • 771 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號