【CSS】僞類與僞元素

一僞類

語法：　
selector : pseudo-class {property: value}

　提示：僞類名稱對大小寫不敏感。

   與 CSS類搭配使用

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

例子：
 {color: #FF0000}		/* 未訪問的連接 */
 {color: #00FF00}	/* 已訪問的連接 */
 {color: #FF00FF}	　　/* 鼠標移動到連接上 */
 {color: #0000FF}	　　/* 選定的連接 */

提示：在 CSS 定義中，a:hover 必須被置於 a:link 和 a:visited 以後，纔是有效的。
提示：在 CSS 定義中，a:active 必須被置於 a:hover 以後，纔是有效的。a:linka:visiteda:hovera:active

僞類們：

 :visited 僞類 - 向已被訪問的連接添加樣式。

 :link 僞類 - 向未被訪問的連接添加樣式。

 :hover 僞類 - 當鼠標懸浮在元素上方時，向元素添加樣式。

 :active 僞類 - 向被激活的元素添加樣式。

 :first-child 僞類 - 選擇元素的第一個子元素。

 :focus僞類 - 向擁有鍵盤輸入焦點的元素添加樣式。

 :lang 僞類 - 爲不一樣的語言定義特殊的規則。

二 僞元素

語法：　

selector:pseudo-element {property:value;}

提示：僞類名稱對大小寫不敏感。

   與 CSS類搭配使用：

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

例子：
p:first-letter
{
  color:#ff0000;
  font-size:xx-large;
}

p:first-line{
 color:#0000ff; font-variant:small-caps; }

 :first-letter 僞元素 - 向文本的第一個字母添加特殊樣式。

 :first-line 僞元素 - 向文本的首行添加特殊樣式。

 :before 僞元素 - 在元素以前添加內容。

 :after 僞元素 - 在元素以後添加內容。