1. 空格符
應用最多、最普通的選擇器符號,表示滿足條件的所以子代選擇器。
div p
//表示div中包含的所有p標籤
2. 無空格符
表示同時滿足同乙個標籤中的兩個選擇器,該css才起作用。
class
="box1 box2"
>
div>
.box1.box2
3.+
選擇後面緊挨的兄弟元素。如下例項,內容為kkk的h1標籤為b1的兄弟元素,且中間沒有其他標籤,所以該元素新增了color。
.b1+h1
class
="b1"
>
>
hhhhhh1
>
div>
>
kkkkh1
>
//成功新增color
>
qqqspan
>
>
ooooh1
>
4.~
選擇後面滿足條件的兄弟元素。以上面的程式為例,內容為kkkk和oooo的元素滿足條件,新增顏色成功。
.b1~h1
class
="b1"
>
>
hhhhhh1
>
div>
>
kkkkh1
>
//成功新增color
>
qqqspan
>
>
ooooh1
>
//成功新增color
5.>
選擇滿足條件的所有子元素(僅限子元素,孫元素不計)。
.b1>h1
class
="b1"
>
>
hhhhhh1
>
//成功新增color
>
>
ttttth1
>
div>
>
yyyyyh1
>
//成功新增color
div>
css中選擇器
選擇器描述 attribute 用於選取帶有指定屬性的元素。attribute value 用於選取帶有指定屬性和值的元素。attribute value 用於選取屬性值中包含指定詞彙的元素。attribute value 用於選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞。attribut...
CSS中選擇器介紹
一 號 選擇器,作用於所有標籤,用的比較少 二 標籤選擇器,通過標籤名 進行區分,一般和層級選擇器聯合使用 三 id選擇器,不允許重複使用,原則上只允許用在乙個標籤,用的比較少 四 類選擇器,乙個類可用於多個元素,乙個元素上也可以用多個類,可復用,最常用 五 層級選擇器,主要應用在選擇父類下的子元素...
css中選擇器種類總結
b 1 型別選擇器 即html標籤選擇器 b 選擇器名稱 屬性 屬性值 如 h2 color white color red 關注點 不需要 號,不需要 號,就是 html標籤名稱 屬性 屬性值 color b 2 屬性選擇器 html標籤中的屬性選擇器,比如div 有align屬性 b 選擇器名稱...