這篇文章給大家分享的是有關(guān)css中id選擇器的命名規(guī)則是什么的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信平臺小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了婁星免費建站歡迎大家使用！

這次給大家科普一下css中id選擇器的命名規(guī)則有哪些：

大小寫敏感

只能包含[a-zA-Z0-9]、-,，其中不能以、-、0-9開頭

在CSS的命名規(guī)范中，名稱不能以數(shù)字開始，只能以字母、連字符、下劃線開始。之后可以是字母、連字符、下劃線或數(shù)字。
同時應(yīng)該注意的是，雖然在HTML4.01及以前的版本不嚴(yán)謹(jǐn)，但在XHTML中，CSS中的命名是區(qū)分大小寫。

1.首先說說語義性

所謂語義性，即名字應(yīng)當(dāng)描述內(nèi)容，而不是描述表現(xiàn)，例子如下

?表現(xiàn)型（不提倡）

PurpleBold(紫色粗體)

BigHeading(大號標(biāo)題)

top-left-box(左上方框)

underlined-and-green(下劃線綠色)

boxLeft(左側(cè)框)

red(紅色)

紅色標(biāo)示涉及元素的表現(xiàn)形式，這在命名里是不允許的，因為表現(xiàn)形式是變化的，當(dāng)變化發(fā)生，不僅要修改CSS的class和id名，還要修改html相應(yīng)元素的class和id名，相當(dāng)麻煩，當(dāng)你所編輯的是大型網(wǎng)站，出現(xiàn)多處這樣的修改，是非常耗時且頭疼的。所以應(yīng)該盡可能采用適應(yīng)變化的命名，即命名與內(nèi)容緊密相關(guān)。

?語義型（提倡）

sidebar(側(cè)邊欄)

warning(警告)

當(dāng)然，有些時候適當(dāng)運用表現(xiàn)來命名會更靈活。如，用bordered(帶邊框)的表現(xiàn)名給網(wǎng)站多處添加同樣的樣式。

記住，最佳方案不是最干凈的那個，也不是最漂亮的那個，與其拘泥成法，不如將思路放開一些。

2.可接受的字符

最佳規(guī)則：始終使用字母、數(shù)字或連字符，并且始終以字母開頭

記住，class和id名稱是區(qū)分大小寫的。

不要使用下劃線，不要以數(shù)字或連字符打頭，不接受“*”，“/”，“\”。雖然新的瀏覽器對生僻字符集的支持功能更多，但不是所有的瀏覽器如此，為了保證兼容性，請遵循最佳規(guī)則吧。

3.慣例

使用一些約定俗稱的慣例名稱，可提高代碼可預(yù)測性，既讓自己和他人容易理解，也有助于屏幕閱讀器和分析器的工作，提高SEO（搜索引擎優(yōu)化）

慣例參照Web前端開發(fā)規(guī)范手冊

4.大小寫

駝峰式（縮寫單詞的每個字母采用同樣的大小寫：pdfLink linkPDF）

連字符

5.命名空間

加前綴，如：wp-users。命名空間需要制定團(tuán)隊內(nèi)的命名空間約定。

這是防御式CSS采用的技術(shù)之一，通過命名空間隔離代碼，避免沖突，使其不影響原有和未來的代碼。

感謝各位的閱讀！關(guān)于“css中id選擇器的命名規(guī)則是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網(wǎng)頁題目：css中id選擇器的命名規(guī)則是什么
當(dāng)前URL：http://chinadenli.net/article42/ppgdec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、網(wǎng)站維護(hù)、定制網(wǎng)站、域名注冊、企業(yè)建站、ChatGPT

廣告

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