我有以下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并使用它。否則,這是不值得關心的。

函數式編程
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仍然會是黑人。
- 3 回答
- 0 關注
- 771 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消