如何使用CSS 選擇器僅定位直接子元素
使用巢狀元素時，僅對直接子元素設定樣式可能有挑戰性排除所有後代。傳統的 CSS 選擇器，如 ul >李和#parent > li 將包含所有子元素，無論其巢狀層級為何。
CSS 中的直接子選擇器
直接子選擇器 >;只能用於定位父元素的第一級子元素。例如，若要僅定位巢狀可排序清單中的頂層清單項，您可以使用下列選擇器：
注意： IE6 不支援此選擇器。
IE6 的解決方法
向後相容IE6，您可以使用以下CSS hack：
MooTools 特定解決方案
在基於MooTools 的程式碼中，出現問題是因為getElements() 檢索所有後代，而不僅僅是直系子女。要解決此問題，您可以使用 getChildren() 代替：
透過使用 getChildren()，您可以確保僅針對每個巢狀清單的直接子層級正確更新位置文字。
以上是如何使用 CSS 選擇器僅針對直系子代：綜合指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！
