CSS中定義CLASS時,中間有空格和每空格的區別

2022-09-02 21:24:23 字數 956 閱讀 2918

css選擇器的格式,規定不帶空格的選擇條件之間是「且」關係,帶空格的是「父子」關係,並且可以是非直接的「父子」關係

1

<

style

>

2.e1.e236

.father .e3710

style

>

11head

>

1213

<

body

>

14<

div

class

="father"

>

15<

p class

="e1 e2"

>我住在 duckburg。

p>

16<

p class

="e3"

>我也住在 duckburg。

p>

17<

div><

p class

="e3"

>他也住在 duckburg。

p>

div>

18div

>

19body

>

上面的**中第乙個段落p有兩個class,e1和e2,注意,class屬性的空格和css的空格不乙個意思的,class屬性的空格是「且」的關係,而剛說的css的空格是「父代與後代」的關係。

第乙個p被渲染為了黃色,是因為css用了.e1.e2的選擇器給他設定了這個顏色,就是這個段落同時有這兩個類。當然,css裡面不用.e1.e2只用.e1也可以實現同樣的效果,不過有些時候我們不希望css選擇器誤命中其它的標籤,就這麼細寫了。

第二p被.father .e3渲染為了綠色,是因為這p的class是e3,而且是class為father的標籤的後代,所以被染為綠色。

同理,第三個p,雖然不是father的直接子類,但同樣變為綠色,說明這種帶空格的選擇器可以包含間接的後代。

css中id和class的定義格式 使用技巧及選擇

定義格式 形如id aaa 定義的,在css中是這樣設定其程式設計客棧樣式的 aaa 而以class bbb 形式定義的,在css中應該這樣設定其樣式 bbb 注意前面有乙個點 id與class的使用技巧 1.子級www.cppcns.com的命名的包含父命名中的部分為開頭。這樣方便在編寫css時明...

CSS中id和class的區別

首先,在表現形式上 id 的優先順序比css高,例如 藍色理想 id和class都定義了背景顏色的屬性,但是由於id的優先順序比class高,所以背景色為id所定義的紅色 再次,class是通用屬性,就是說幾個div可以呼叫同乙個class 而id是唯一的,web標準中不允許出現兩個div的id標識...

CSS中class和id的區別

類選擇器和id選擇器是css中經常使用到的選擇器,看書看一遍的時候就如囫圇吞棗,一掃而過,所以理解得也不透徹。今天又重新看到了,腦海裡的概念總算清晰了點。所以總結了一下他們之間的區別,列出如下 1.所繫結的標籤屬性不同,class選擇器繫結的標籤屬性為class,例如下面的例子 123 1112 我...