偽類
或許在CSS3中增加最多的就是新的偽類了，這里是一些最有趣和最有用的：
:nth-child(n)
讓你基于元素在父節(jié)點(diǎn)的子元素的列表位置來指定元素。你可以是用數(shù)字、數(shù)字表達(dá)式或odd 和even 關(guān)鍵詞(對斑馬樣式的列表很完美)。所以如果你想匹配在第四個元素之后的一個3個元素的分組，你可以簡單的這樣使用：
:nth-child(3n+4) { background-color: #ccc; }/*匹配第4,7,10,13,16,19...個元素*/
:nth-last-child(n)
與上個選擇器的思想同樣，但是從后面匹配元素（倒序），比如，為了指定一個div里面的最后兩個段落，我們可以使用下面的選擇器：
div p:nth-last-child(-n+2)
:last-child
匹配一個父節(jié)點(diǎn)下的最后一個子元素，等同于
:nth-last-child(1)
:checked
匹配選擇的元素，比如復(fù)選框
:empty
匹配空元素（沒有子元素）。
:not(s)
匹配所有不符合指定聲明(s)的元素。比如，如果你想讓所有的沒有使用”lead”類的段落的顯示為黑色，可以這樣寫：
p:not([class*="lead"]) { color: black; }
Andrea Gandino 在他的網(wǎng)站上使用:last-child 為選擇器指定每篇日志的最后一個段落，并將其的外間距(margin)設(shè)置為0:
#primary .text p:last-child {
margin: 0;
}
瀏覽器支持: Webkit核心和Opera 瀏覽器支持所有新的CSS3 偽類，F(xiàn)irefox 2 和3 (Gecko核心) 只支持:not(s), :last-child,  nly-child:root, :empty, :target, :checked, :enabled 和:disabled，但是Firefox 3.5 將更加廣泛的支持CSS3 選擇器。Trident核心瀏覽器(Internet Explorer)事實(shí)上不支持這些偽選擇器。
偽元素
在CSS3中唯一引入的偽元素是::selection.它可以讓你指定被用戶高亮（選中）的元素。
瀏覽器支持: 目前沒有任何一款I(lǐng)nternet Explorer 或Firefox 瀏覽器支持::selection 偽元素。Safari, Opera 和Chrome 均支持。
擴(kuò)展閱讀
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 用CSS3將你的設(shè)計(jì)帶入下個高度 [2] 下一頁 用CSS3將你的設(shè)計(jì)帶入下個高度 [4]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 3 頁 用CSS3將你的設(shè)計(jì)帶入下個高度 [3]
