CSS中的only-child是一種偽類選擇器,它可以選擇父元素中唯一的子元素,并對其應用樣式。
.parent p:only-child { color: red; }
上述代碼選擇了.parent元素下的唯一的p元素,并將其文字顏色設置為紅色。如果.parent元素下存在多個p元素,則不會應用該樣式。
需要注意的是,only-child只能應用于直接子元素,而不能應用于后代元素。同時,只有當選中的子元素是唯一的時,才會應用該樣式。
如果想要選擇父元素下的第一個子元素,可以使用:first-child偽類選擇器;如果想要選擇父元素下的最后一個子元素,可以使用:last-child偽類選擇器。
只有在需要選擇父元素下唯一的子元素時,才應使用only-child偽類選擇器。如果父元素下有其他元素,建議使用:first-child或:last-child偽類選擇器來選擇第一個或最后一個子元素。
.parent p:first-child { font-weight: bold; } .parent p:last-child { font-style: italic; }
上述代碼分別選擇了.parent元素下的第一個p元素和最后一個p元素,并分別將其字體加粗和傾斜。