css中的類樣式和id樣式

W3C標(biāo)準(zhǔn)

成都創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)萬柏林,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108

中對于ID與CLASS的設(shè)定是：ID具有唯一性，CLASS具有普遍性。

而目前大部分瀏覽器確實(shí)可以定義頁面中多個元素的ID相同，并賦以相同的樣式，因?yàn)槟壳暗臑g覽器和CSS都對其

睜一只眼閉一只眼

。

就比如說法律規(guī)定你做好事，但你也可以去做壞事一樣。這是一個標(biāo)準(zhǔn)，你可以遵守，也可以不遵守，但是不遵守的后果很嚴(yán)重。

在CSS中你可能不會碰到太大的問題。但是當(dāng)用

JavaScript

調(diào)用ID時，問題就來了，比如下面的代碼：

p

id="html"人aaaaa/p

code

id="html"fffff/code

scriptalert(document.

getElementById

("html").

innerHTML

)/script

這個彈出的結(jié)果是

人aaaaa。而

下面的元素就完全被忽略了。

這只是一個

小小的測試，具體到做項(xiàng)目的時候會碰到什么后果就沒法預(yù)計(jì)了。

所以建議你還是遵守標(biāo)準(zhǔn)來設(shè)計(jì)網(wǎng)頁。

ID在頁面中必須唯一。這樣才符合

web2.0

標(biāo)準(zhǔn)。

css命名規(guī)范

把id留給后臺開發(fā)和JS使用，除此之外頁面的page id(如首頁的外層需要一個ID id="pageIndex")，頁面結(jié)構(gòu)（header main footer）允許用id命名(ID命名建議使用駝峰命名)。其他禁止id使用在樣式表CSS命名中，一律使用class命名。

在編碼思想上，我們可以將頁面拆分成不同的層級（布局、模塊、元件）。

什么是CSS命名空間？

通過統(tǒng)一的命名規(guī)范定義命名的范圍，成為CSS class id命名空間。

布局: 以語義化的單詞layout作為命名空間，例如主欄布局命名 layout-main，只改變layout-命名空間后面的命名，layout始終保留。布局的命名空間為layout-xxx。

模塊：頁面是由一個或多個模塊組成，模塊的英文單詞是module，規(guī)范簡寫成mod，如新聞模塊mod-news，照片展示模塊mod-photo-show。模塊的命名空間為mod-xxx 。

元件：元件是屬于模塊內(nèi)部的，也可以說模塊是由元件和它內(nèi)部的自有元素組成。如用戶照片信息元件cell-user-photo。元件的命名空間為cell-xxx 。

文字顏色(命名空間text-xxx)

text-c1, text-c2,text-c3……

背景顏色(命名空間bg -xxx)

bg-c1,bg-c2,bg-c3……

邊框顏色(命名空間border-xxx)

border-c1,border-c2,border-c3……

參考自文章 CSS命名規(guī)則

css的id樣式和類樣式是什么意思

ID具有唯一性，CLASS具有普遍性。

id樣式用為#

ID：是指id為某個值的元素.CSS定義為：#div_id{}.定義之后就是ID為div_id的div是這種樣式.范圍單一,一般用于指定的元素.

class類樣式用為.

類：是指class為某一個值的元素.CSS定義為：.div_class{}.定義之后就是類為div_class的div是這種樣式.范圍好控制,需要用這種樣式的就給他class就行了.

本文名稱：css中id的樣式規(guī)則,css中id的用法
鏈接URL：http://chinadenli.net/article0/dsgsdio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、響應(yīng)式網(wǎng)站、小程序開發(fā)、自適應(yīng)網(wǎng)站、網(wǎng)站策劃、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)