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 我...