CSS3中有許多有用的選擇器,例如:first-child就是一個非常常用的選擇器,它可以選擇作為父元素的第一個子元素,但是如果我們想要選擇不是第一個元素呢?
這時我們可以使用:not(first-child)選擇器。這個選擇器表示選擇不是作為父元素的第一個子元素的元素。
例如,如果我們有一個列表,我們想要應用樣式到每個不是第一個列表項的元素,我們可以使用以下代碼:
ul li:not(first-child) { color: red; }
這個選擇器表示選擇ul標記下的每個li標記,除了第一個。
需要注意的是,這個選擇器只能選擇下一個兄弟元素,不能選擇以前的兄弟元素。
在使用這個選擇器時,我們可以將:not(first-child)與其他選擇器組合使用,例如:
div p:not(first-child) { font-size: 16px; }
這個選擇器表示選擇每個div標記內的不是第一個子元素的p標記。
總之,:not(first-child)在CSS3中是一個非常有用的選擇器,它可以幫助我們在不使用特殊的類或id的情況下選擇特定的元素。
上一篇css3圖片濾鏡大全
下一篇css設置圖片置于底部