日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

CSS 偽類 (Pseudo-classes)

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

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

語法

偽類的語法：

selector:pseudo-class {property:value;}

CSS 類也可以使用偽類：

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

anchor 偽類

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

實例

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

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

a:hover {color:#FF00FF;} /* 鼠標劃過鏈接 */

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

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

CSS - :first - child 偽類

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

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

匹配第一個

元素

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

元素：

實例

我是一個強壯的男人.

我是一個強壯的男人.

匹配所有

元素中的第一個 元素

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

元素的第一個 元素：

實例

我是一個 強壯 的男人. 我是一個 強壯 的男人.