CSS的class中多個類的相關知識和操作

2021-09-25 23:40:07 字數 929 閱讀 1592

在 html 中,乙個 class 值中可能包含乙個詞列表,各個詞之間用空格分隔。例如,如果希望將乙個特定的元素同時標記為重要(important)和警告(warning),就可以寫作:

this paragraph is a very important warning.

這兩個詞的順序無關緊要,寫成 warning important 也可以。

我們假設 class 為 important 的所有元素都是粗體,而 class 為 warning 的所有元素為斜體,class 中同時包含 important 和 warning 的所有元素還有乙個銀色的背景 。就可以寫作:

.important

.warning

.important.warning

若兩個class之間沒有空格:.class1.class2{} 代表同時擁有class1和class2的多類節點;

若兩個class之間有空格:.class1 .class2{} 則代表選擇class1的後代選擇器class2

若div的class中由好幾段組成,如div能被.user和.login兩個選擇器選中。如果這兩個選擇器中有相同的屬性值,則該屬性值先被改為.user中的值,再被改為.login中的值,即重複的屬性以最後乙個選擇器中的屬性值為準;這兩個選擇器之間有不同的屬性值,那麼div則會同時擁有.user和.class兩個類的屬性值,如一下的例子所示:

>	.user

.login

只有user類

只有login類

同時擁有user和login類

結果如下:

Python類中的方法(CLASS)

在類中可以根據需要定義一些方法,定義方法採用def關鍵字,在類中定義的方法至少會有乙個引數,一般以名為 self 的變數作為該引數 用其他名稱也可以 而且需要作為第乙個引數。舉例 class people sname xiaohong high 172.5 weight 180 男 def eat ...

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