CSS中的:first-child選擇器用于表示父元素中的第一個子元素。
/*選擇第一個p元素*/ p:first-child { color: red; }
上述代碼將會選中第一個p元素,然后將其文本顏色變為紅色。需要注意的是,被選中的元素必須是父元素的第一個子元素。
/*選擇第一個子元素中的h1元素*/ :first-child h1 { font-size: 24px; }
上述代碼將會選中第一個子元素中的h1元素,然后將其字體大小變為24像素。在這個例子中,選中的元素是子元素中的第一個元素,而不是整個父元素的第一個元素。
如果你要選擇非第一個子元素的元素,可以使用:nth-of-type(n)選擇器,其中n表示要選擇的元素的位置。
/*選擇父元素中的第二個p元素*/ p:nth-of-type(2) { background-color: yellow; }
上述代碼將會選擇父元素中的第二個p元素,然后將其背景色變為黃色。
上一篇css控制文字不用換行
下一篇css控制字符間距