基礎選擇器包括三種：html標籤選擇器，class選擇器和id選擇器三種。
html標籤選擇器的使用：直接寫出html標籤名，例如：
p
class選擇器：」.」加class名，例如：
.class
#id
有以下幾種：
後代選擇器：el1 el2：將el1元素中後代是el2的所有元素設定樣式。
子代選擇器：el1>el2: 將el1子代中的el2元素設定樣式。
交集選擇器：el1el2: 選中el1與el2的交集。注意：html標籤一定只能寫在前面如p#text。
並集選擇器：el1,el2:選中el1與el2的並集。
序列選擇器：el1 el2:first-child或者el1 el2:last-child：選中el1中el2的第乙個或者最後乙個元素。css3中nth-of-child可以取代。
相鄰兄弟選擇器：el1+el2: 選中與el1相鄰的el2元素。
普通兄弟選擇器：el1~el2: 選中與el1相鄰的一系列el2元素。
如下面**所示。
lang="en">
title>
charset="utf-8">
head>
/*本例以#lvl4的p元素為目標元素。*/
/*選中同一元素時,進行權重比較*/
.level1
.level2
#lvl4
.level4
#lvl4
/*權重相同以最後乙個為準*/
.level1
#lvl2
p .level3
p#lvl4
#lvl1
.level3
p /*若一選擇器選中目標元素的上級，而另乙個選中目標本身，則以後者為先。*/
#lvl1>#lvl2>#lvl3
#lvl4
/*若目標未被選中，則套用離目標最近的上級元素的樣式*/
.level1
.level2
.level3
/*如果某一屬性設定了!important則無視其優先順序直接套用*/
style>
class="level1"
id="lvl1">
class="level2"
id="lvl2">
class="level3"
id="lvl3">
class="level4"
id="lvl4">
lorem ipsum dolor sit amet.
p>
div>
div>
div>
body>
html>
css選擇器 小結
coding utf8 css selector info 選擇 class intro 的所有元素 name 選擇 id name 的所有元素 所有元素 div 選擇所有div div,p 選擇所有div和p div p 選擇div內部的p div p 選擇父元素為 元素的所有 元素 div p ...
CSS的選擇器小結
css中的選擇器分為標籤選擇器 類選擇器和id選擇器 p.類選器名稱在使用類選擇器前先要為標籤設定乙個類，如 id選擇器 類似於類選擇器，不同的是id選擇器是唯一的，格式為 id選器名稱id選擇器同樣需要設定乙個id，如 選擇器是有 輩分關係 的，一代套著一代 子選擇器 子選擇器是父子關係，頗象是大...
關於css選擇器的小結
css的選擇器 1 id選擇器 2 派生選擇器 元素標籤選擇 3 類選擇器 class 4 屬性選擇器 選擇擁有特定屬性的元素 title attribute 用於選取帶有指定屬性的元素。attribute value 用於選取帶有指定屬性和值的元素。attribute value 用於選取屬性值中...