最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

CSS 偽類 (Pseudo-classes)

CSS 偽類是用來添加一些選擇器的特殊效果。

由于狀態(tài)的變化是非靜態(tài)的，所以元素達(dá)到一個(gè)特定狀態(tài)時(shí)，它可能得到一個(gè)偽類的樣式；當(dāng)狀態(tài)改變時(shí)，它又會(huì)失去這個(gè)樣式。由此可以看出，它的功能和 class 有些類似，但它是基于文檔之外的抽象，所以叫偽類。

語法

偽類的語法：

selector:pseudo-class {property:value;}

CSS 類也可以使用偽類：

selector.class:pseudo-class {property:value;}

anchor 偽類

在支持 CSS 的瀏覽器中，鏈接的不同狀態(tài)都可以以不同的方式顯示

實(shí)例

a:link {color:#FF0000;} /* 未訪問的鏈接 */

a:visited {color:#00FF00;} /* 已訪問的鏈接 */

a:hover {color:#FF00FF;} /* 鼠標(biāo)劃過鏈接 */

a:active {color:#0000FF;} /* 已選中的鏈接 */

嘗試一下 ?

注意： 在 CSS 定義中，a:hover 必須被置于 a:link 和 a:visited 之后，才是有效的。

注意： 在 CSS 定義中，a:active 必須被置于 a:hover 之后，才是有效的。

注意：偽類的名稱不區(qū)分大小寫。

偽類和 CSS 類

偽類可以與 CSS 類配合使用：

a.red:visited {color:#FF0000;}     

CSS Syntax

如果在上面的例子的鏈接已被訪問，它會(huì)顯示為紅色。

CSS - :first - child 偽類

您可以使用 :first-child 偽類來選擇元素的第一個(gè)子元素

注意：在 IE8 的之前版本必須聲明  ，這樣 :first-child 才能生效。

匹配第一個(gè)

元素

在下面的例子中，選擇器匹配作為任何元素的第一個(gè)子元素的

元素：

實(shí)例

我是一個(gè)強(qiáng)壯的男人.

我是一個(gè)強(qiáng)壯的男人.

匹配所有

元素中的第一個(gè) 元素

在下面的例子中，選擇相匹配的所有

元素的第一個(gè) 元素：

實(shí)例

我是一個(gè) 強(qiáng)壯 的男人. 我是一個(gè) 強(qiáng)壯 的男人.