CSS2中的僞類與僞元素

CSS 僞類用於向某些選擇器添加特殊的效果。

咱們最多見的就是有超連接的時候，向下面這樣

a:link {color: #FF0000}        /* 未訪問的連接 */
a:visited {color: #00FF00}    /* 已訪問的連接 */
a:hover {color: #FF00FF}    /* 鼠標移動到連接上 */
a:active {color: #0000FF}    /* 選定的連接 */

首先來看一下僞類的定義形式吧

僞類的語法：

selector : pseudo-class {property: value}

CSS 類也可與僞類搭配使用。

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

a.red : visited {color: #FF0000}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

咱們常常是會用到的僞類以下：

CSS 僞元素用於向某些選擇器設置特殊效果。

語法：

僞元素的語法：

selector:pseudo-element {property:value;}

CSS 類也能夠與僞元素配合使用：

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

p.article:first-letter
  {
  color: #FF0000;
  }

<p class="article">This is a paragraph in an article。</p>

上面的例子會使全部 class 爲 article 的段落的首字母變爲紅色。

雖然簡單，可是容易忘記。。。