武林網(www.survivalescaperooms.com)文章簡介：css中id和class的運用。

簡單介紹CSS id與CSS class區別與用法。

CSS id知識：
在一個網頁里ID只能使用一次。當然即使一個id在一個網頁內被使用多次，其CSS樣式仍然可以實現生效，但是一般規定W3C標準是使用一次。因為ID在html里可以賦予html標簽特殊的屬性如一下JS動作、表單傳值等特性所以區別于一個class可以使用多少的次，而一個CSS 命名的id只能使用一次避免一些特定動作、傳的表單值的兼容性特性錯誤即使沒有其它JS腳本動作、表單傳值特性但是我們也一定執行一個頁面只能使用一次。

id 選擇器以 "#" 來定義，命名CSS選擇器。
定義命名css id選擇器例子：
#webjxcom1{color:#F00;}定義紅色實例
#webjxcom2{color:#0F0;}定義綠色

對應html中div引用
<div id="webjxcom1">我顏色為紅色</div>
<div id="webjxcom2">我顏色為綠色</div>

一個div標簽的定義只能使用一個id如：
<div id="webjxcom1" id="webjxcom2">測試內容</div>
或
<div id="webjxcom1 webjxcom2">測試內容</div>
兩個都是不正確的，并且CSS樣式屬性也不能生效- 成為CSS 失效之一。

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

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

對應html中div+css引用：
<div class="webjxcom1">我顏色為紅色</div>
<div class="webjxcom2">我字體大小為28px</div>
<div class="webjxcom1 webjxcom2">我顏色為紅色文字大小為28px</div>
以上即是“webjxcom1”“webjxcom2”類的正確使用方法

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

以下為錯誤的css類使用方法：
<div class="webjxcom1" class=" webjxcom2">我將無效</div>
這樣的引用方法即是錯誤的引用方法，同樣可以得出一個div標簽內只能出現一個"class="，如果出現多個css類要應用到一個div標簽內，即可以使用<div class="webjxcom1 webjxcom2">來表達。
一個div標簽內運用id和class是可以的：
.webjxcom1{... ...}
#webjxcom2{... ...}
.webjxcom3{... ...}
<div class="webjxcom1" id="webjxcom2">這樣是可以的也是正確的.
<div class="webjxcom1 webjxcom3" id="webjxcom2">同樣是正確的可取的。

總結：
本文分別從知識點到實例講解了div css中id和class的運用、需要注意地方、正確運用引用方法。通過webjx中css實例方式正確與錯誤運用css id和css class讓大家能掌握css 基礎知識點。