CSS中id和class的用法介紹

大家知道CSS中id和class的用法嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。一般規定W3C標准是使用一次。因為ID在html裡可以賦予html標簽特殊的屬性如一下JS動作、表單傳值等特性所以區別於一個class可以使用多少的次，而一個CSS 命名的id只能使用一次避免一些特定動作、傳的表單值的兼容性特性錯誤即使沒有其它JS腳本動作、表單傳值特性但是我們也一定執行一個頁面只能使用一次。

id 選擇器以 "#" 來定義，命名CSS選擇器。

定義命名css id選擇器例子：

#yangshi1{color:#F00;}定義紅色

#yangshi2{color:#0F0;}定義綠色

對應html中div引用

 

我顏色為紅色

 

 

我顏色為綠色

 

一個div標簽的定義只能使用一個id如：

 

www.divcss5測試內容

 

或

 

www.divcss5測試內容

 

兩個都是不正確的，並且CSS樣式屬性也不能生效- 成為CSS 失效之一。

CSS class知識：

與CSS ID不同特性是clsss類可以在一個網頁內無限次引用。

Class 選擇器定義以“.”來定義。定義css class選擇器例子：.yangshi1{color:#F00;} 定義文字為紅色.yangshi2{font-size:28px;}定義文字大小為18px

對應html中div+css引用：

 

我顏色為紅色

 

 

www.divcss5.com我字體大小為28px

 

 

我顏色為紅色文字大小為28px

 

以上即是“yangshi1”“yangshi2”類的正確使用方法

擴展知識：能否使用數字命名CSS 屬性選擇器css 命名規范

以下為錯誤的css類使用方法：

 

我將無效

 

這樣的引用方法即是錯誤的引用方法，同樣可以得出一個只能出現一個"class="如果出現多個css類要應用到一個div標簽內，即可以使用

來應用。

 

一個div標簽內運用id和class是可以的：

.yangshi1{... ...}

#yangshi2{... ...}

.yangshi3{... ...}

 

這樣是可以的也是正確的.

 

 

同樣是正確的可取的。

 

相信大家已經學會CSS中id和class的用法了吧!感謝大家對我們網站的支持!

相關推薦：

CSS列表樣式屬性liststyle是什麼呢