css 規則中兩個類連在一起是什麼意思?

2021-10-09 01:31:19 字數 902 閱讀 6358

比如: .c1.c2 選擇器中 .c1 與 .c2 直接連在一起,中間無空格、無逗號,表示什麼意思?

看個例子:

head style type="text/css"

.c1

.c2

.c1.c2

比如:

.c1.c2

選擇器中 .c1 與 .c2 直接連在一起,中間無空格、無逗號,表示什麼意思?看個例子:

>

type

="text/css"

>

.c1.c2

.c1.c2

style

>

head

>

>

class

="c1"

>

這裡是紅色p

>

class

="c2"

>

這裡是斜體p

>

class

="c1 c2"

>

這裡是紅色、斜體、下劃線p

>

body

>

結果已經通過文字直接描述出來了,原來 .c1.c2 表示如果乙個標籤中同時使用了這兩個類(不論順序、不論是否還有其他類),則響應此樣式規則。

然而在 ie 中,第二個段落中除了有斜體還有下劃線,說明它還把 .c1.c2 看作是 .c2。於是,考慮到相容性的原因,盡量不要使用 .c1.c2 這樣的選擇器。

我的google瀏覽器裡面測試的是它會把三個樣式全部合起來,也就是既會顯示紅色,又會顯示斜體,還會加乙個下劃線。

顯示如下圖所示:

CSS的兩個class選擇器緊挨在一起

有一段html class glyphicons white no js cogwheel href target blank i a 對應有css style glyphicons white i before glyphicons white hover i before 那麼出現的效果是 乙個...

CSS的兩個class選擇器緊挨在一起

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!有一段html class glyphicons white no js cogwheel href target blank i a 對應有css style glyphicons white i before glyphicons white ...

mysql將兩個查詢結果顯示在一起

需求 我需要統計多個資料,每個資料需要在不同表進行查詢統計得出,且表與表這間沒有啥關係 我想把這些最終的資料顯示在一起 解決方案 想啥呢?可能嗎,建一張新錶把查出來資料插入進去,再查就顯示在一起了 當然我也強行做了各種試探,結果 如下 雖然最終效果實現了,但是這實際是對兩個表做了笛卡爾積,最終產生了...