css偽類別怎麼用?
CSS偽類別是用來增加一些選擇器的特殊效果。
偽類別的語法:
1 |
|
CSS類別也可以使用偽類別:
1 |
|
anchor偽類別
#在支援CSS 的瀏覽器中,連結的不同狀態都可以以不同的方式顯示
實例
1 2 3 4 |
|
注意: 在CSS定義中,a:hover 必須被置於a:link 和a:visited 之後,才是有效的。
注意: 在 CSS 定義中,a:active 必須被置於 a:hover 之後,才是有效的。
注意:偽類別的名稱不區分大小寫。
偽類別和CSS類別
偽類別可以與CSS 類別配合使用:
1 2 |
|
如果在上面的範例的連結已被訪問,它會顯示為紅色。
CSS :first-child 偽類別
您可以使用 :first-child 偽類別來選擇父元素的第一個子元素。
注意:在IE8的先前版本必須宣告 ,這樣 :first-child 才能生效。
符合第一個
元素
在下面的範例中,選擇器符合作為任何元素的第一個子元素的
元素:
實例
1 2 3 4 |
|
符合所有
元素中的第一個 元素
在下面的範例中,選擇相符的所有
元素:
實例
1 2 3 4 |
|
符合所有作為第一個子元素的
元素中的所有 元素
在下面的範例中,選擇器符合所有作為元素的第一個子元素的
元素中的所有 元素:
實例
1 2 3 4 |
|
CSS - :lang 偽類別
:lang 偽類別使你有能力為不同的語言定義特殊的規則
注意:IE8必須宣告< ;!DOCTYPE>才能支援;lang偽類。
在下面的範例中,:lang 類別為屬性值為 no 的q元素定義引號的類型:
實例
1 |
|
以上是css偽類怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!