CSS有很多元素都很重要,但是最后幾個(gè)元素卻往往被人忽視,這是不好的。下面我們就來(lái)介紹一下這些元素:
:not
:not(p) { color: red; }
這個(gè)選擇器可以選中除了p以外的所有元素,非常實(shí)用。在上面的代碼中,除了p標(biāo)簽以外的其他元素都會(huì)被設(shè)置紅色。
::before
p::before { content: ">> "; }
這個(gè)偽元素可以在選中元素的前面插入指定的內(nèi)容,比如上面的代碼就會(huì)在每個(gè)p標(biāo)簽前插入“>>”。
::after
p::after { content: " <<"; }
與::before相反,這個(gè)偽元素會(huì)在選中元素的后面插入指定的內(nèi)容。
:first-child
p:first-child { font-weight: bold; }
這個(gè)選擇器可以選中它的父元素中的第一個(gè)子元素,比如上面的代碼就會(huì)把第一個(gè)p標(biāo)簽設(shè)置為粗體。
:last-child
p:last-child { text-decoration: underline; }
這個(gè)選擇器可以選中它的父元素中的最后一個(gè)子元素,比如上面的代碼就會(huì)把最后一個(gè)p標(biāo)簽設(shè)置為下劃線。
以上就是幾個(gè)常被忽視的CSS元素的介紹,它們雖然不如其他元素那么常用,但是在某些情況下非常實(shí)用,希望大家能夠掌握。