處理複雜的 HTML 結構時,有必要選擇所有子元素以一致地套用樣式。然而,使用直接子選擇器的傳統方法只會影響直接後代。
要遞歸選取所有子元素,請利用 *(空格)選擇器。它匹配指定父元素內的每個元素,無論其嵌套深度如何。
div.dropdown * { color: red; }
這個簡單的語法有效地將樣式分配給 div.dropdown 的所有後代,包括子元素、孫元素等。星號 (*) 符合任何元素,空格充當後代選擇器。
進一步說明,請參閱CSS 2.1 規格:
第5.5 章:後裔選擇器
x y 選擇器匹配x 內的每個元素y,無論它嵌套的深度如何 -子元素、孫子元素等。
星號 * 符合任何元素。
以上是如何遞歸選擇CSS中的所有子元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!