CSS2的選擇器

選擇器

在{}之前的部分就是「選擇器」，「選擇器」指明了{}中的「樣式」的作用物件，也就是「樣式」作用於網頁中的哪些元素。

p

在html中用class="類選擇器名稱"  引用

.類選擇器名稱

在html中用id="id選擇器名稱"  引用

.id選擇器名稱

兩者都能作用於所有標籤，不同的是：在乙個html檔案裡，id選擇器只能使用一次，而類選擇器可以使用多次。此外最要的是，類選擇器可以使用類選擇器詞列表方法為乙個元素同時設定多個樣式。例如：

p1 

p2class="p1 p2"

子類選擇器

.food>li

後代選擇器

.first  span

兩者的區別在於：子類選擇器只作於第一代後代，而後代（包含）選擇器則能作用於所有的後代

通用選擇器：設定所有標籤

*

偽類選擇器：作用於html標籤的狀態

：hove{}

分組選擇器：把相同的樣式寫在一起

p1,p2

css2的幾種特殊選擇器

以下均支援ie6以上版本的瀏覽器 1 屬性選擇器 title title qjyue77 title hello 上面的樣式對下面的html的效果為 可以應用樣式 h1 title hello world hello worldh2 title student hello hello w3schoo...

前端學習筆記 CSS 2 選擇器

交集選擇器 選擇器1 選擇器2 選擇器3 p h1 div選擇器分組 並集 選擇器1,選擇器2,選擇器3,選擇器4 p,h1,div,sapn子元素選擇器 父元素 子元素 div span後代元素選擇器 祖先 後代 div span兄 弟後面所有的兄弟選擇器 不會選中前面的兄弟 兄 弟指定屬性為ti...

CSS2偽類選擇器要點

有四個選擇器，分別是 hover 滑鼠懸停 link 鏈結不能使用時 visited 鏈結被點選後 active 鏈結被點選時，如果滑鼠不放，就會一直觸發active屬性 link在w3c中記錄為鏈結未被點選時，實際上是當href屬性不能使用時觸發，列如南達科他級 此時會啟用link屬性 如果某乙個...