我有以下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
提交
取消