熱門標簽：山西旅游景地圖標注 北川縣地圖標注 中國地圖標注各省份 上古卷軸5地圖標注mod 沈陽智能外呼系統排名 武漢人工外呼系統 蘇州通信外呼系統多少錢 移動400辦理電話 荒野大鏢客2地圖標注怎么變中文

樣式規則選擇器

作者:Loncer 更多學習資源盡在:wwww.loncer.cn

• HTML selector

  就是HTML標簽做為selector,這樣在所有CSS應用的網頁中,所有HTML標簽都會按照所定義的語句來進行顯示.

• Class selector
  要將一種HTML標簽所創建的各個網頁元素分成幾類,則要將這個HTML標簽的class設置成為不同的值:

例如: p class="stop">p1/p> p class="warning">p2/p> p class="normal">p3/p>

樣式定義如下: style> !-- p.stop {color:red} p.waring {color:blue} p.normal {color:green} --> /style>

注:如果在樣式表定義的時候,selector直接以(.)后接類名,這條樣式規則就適用于所有class=該類名,的所有HTML標簽. 即把class selector分為了兩類:

1. 關聯class selector: HTML標簽名.類名(可以為同一元素定義不同的規則).
2. 獨立class selector: .類名(可以為不同的元素定義相同的樣式規則).

ID selector ID屬性用來定義某一特定的HTML元素,一個網頁文件中只能有一個元素使用某一ID值.

網頁中: span ID="yellowone">text here/span>

樣式定義如下: style> !-- #yellowone {color:yellow} --> /style>

關聯選擇器 指用一個空格隔開的兩個或更多的單一選擇器組成的字符串
例如:
p em {background: yellow}
其中的"p em"就是關聯選擇器,它表示p>標簽對中的em>標簽對之間的內容的背景為黃色,其它地方出的em>標簽對中的內容不受影響.
注:關聯選擇定義的規則的優先權高于單一的選擇器定義的規則.

組合選擇器 為了減少樣式表的重復聲明,可以在一條樣式規則定義中組合若干個選擇器.
例:H1,H2,H3,H4,H5,H6,TD{color:red}

偽元素選擇器 是指對同一HTML元素的各種狀態和其所包函的部分內容的一種定義方式.
格式如下: HTML元素:偽元素周期律{屬性:值}

常用的偽元素如下

元素名	作用
A:active	選中超鏈接時的狀態
A:hover	光標移動到超鏈接上的狀態
A:link	沒有任何動作時的狀態
A:visited	訪問過的超鏈接狀態
P:first-line	段落中的第一行文本
P:first-letter	段落中的第一個字母

類選擇器可以和偽元素一起使用:
HTML元素.類名:偽元素 {屬性:值}