CSS子元素偽類是CSS中常用的選擇器之一,它可以選擇特定父元素下的子元素,為其添加樣式。
子元素偽類選擇器使用<父元素> > <子元素>
語法進行選擇,其中“>”符號表示選擇<父元素>
的子元素。
/* 選擇所有class為parent下的子元素 */ .parent >* { color: red; } /* 選擇所有id為parent下的class為child的子元素 */ #parent >.child { font-size: 18px; }
此外,子元素偽類還支持在選擇器中通過:first-child
和:last-child
選擇第一個和最后一個子元素。
/* 選擇class為parent下的第一個子元素 */ .parent >:first-child { font-weight: bold; } /* 選擇class為parent下的最后一個子元素 */ .parent >:last-child { text-decoration: underline; }
總之,子元素偽類是CSS中非常方便的元素選擇器,可以輕松為特定父元素下的子元素添加樣式。