css中選擇器裡的不同符號

2021-10-25 21:22:18 字數 1291 閱讀 7639

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 選擇器名稱...