CSS中class的 連著寫的含義

2021-08-22 13:19:51 字數 465 閱讀 2640

在使用css的class屬性中,我們寫的最多的就是乙個class 後面有多個屬性值連線在一起,然後對映到具體的樣式中去,

例子:.btn .btn-one .btn-two  

解釋:舉例如下:

123

各自寫各自的樣式:

.btn

.btn-one

.btn-two

理解如下:在a標籤上有各自的樣式,後面的樣式覆蓋前面的,各自也保留各自獨特的樣式

口訣:求同存異--同留異留--後浪推前浪

但是還有一種情況是class單獨寫的時候全部連線在一起,這又是什麼意思呢?

例子:.btn.btn-one.btn-two

解釋:舉例如下:

123

.btn.btn-one.btn-two

滿足這幾個class都存在的,都作用在同乙個標籤上的時候使用這個樣式。

口訣:同生死共存亡,缺一不可。

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

CSS中的class與id區別及用法

我們平常在用div css製作xhtml網頁頁面時,常會用到class 和id來選擇呼叫css樣式屬性。對學習css的新手來說class和id可能比較模糊,同時不知道什麼時候該用class,什麼時候又用id,以及它們用法與限制是怎麼樣的。接下來我們就來詳細了解class與id基本屬性及用法。clas...