這次給大家科普一下css中id選擇器的命名規則有哪些，給CSS中ID選擇器命名的時候有哪些注意事項，以下就是總結，一起來看一下。
大小寫敏感
只能包含[a-zA-Z0-9]、-,，其中不能以、-、0-9開頭
在CSS的命名規範中，名稱不能以數字開始，只能以字母、連字符、底線開始。之後可以是字母、連字號、底線或數字。
同時應該注意的是，雖然在HTML4.01及以前的版本不嚴謹，但在XHTML中，CSS中的命名是區分大小寫。
1.首先說說語意性
所謂語意性，即名字要描述內容，而不是描述表現，例子如下
♦表現型（不提倡）
PurpleBold(紫色粗體)
BigHeading(大標題)
top-left-box(左上方格)
#underlined-and-green(底線綠色)
boxLeft(左側框)
#red(紅色)
紅色標示涉及元素的表現形式，這在命名裡是不允許的，因為表現形式是變化的，當變化發生，不僅要修改CSS的class和id名，還要修改html相應元素的class和id名，相當麻煩，當你所編輯的是大型網站，出現多處這樣的修改，是非常耗時且頭痛的。所以應該盡可能採用適應變化的命名，即命名與內容緊密相關。
♦語意型（提倡）
sidebar(側邊欄)
warning(警告)
當然，有些時候適當運用表現來命名會更靈活。如，用bordered(帶邊框)的表現名為網站多處添加相同的樣式。
記住，最佳方案不是最乾淨的那個，也不是最漂亮的那個，與其拘泥成法，不如將思路放開一些。
2.可接受的字符
最佳規則：始終使用字母、數字或連字符，並且始終以字母開頭
記住，class和id名稱是區分大小寫的。
不要使用底線，不要以數字或連字符打頭，不接受“*”，“/”，“\”。雖然新的瀏覽器對生僻字元集的支援功能更多，但不是所有的瀏覽器如此，為了確保相容性，請遵循最佳規則吧。
3.慣例
使用一些約定俗稱的慣例名稱，可提高程式碼可預測性，既讓自己和他人容易理解，也有助於螢幕閱讀器和分析器的工作，提高SEO（搜尋引擎優化）
慣例參考Web前端開發規範手冊
4.大小寫
駝峰式（縮寫單字的每個字母都採用相同的大小寫：pdfLink linkPDF）
連字
加上前綴，如：wp-users。命名空間需要製定團隊內的命名空間約定。
這是防禦式CSS採用的技術之一，透過命名空間隔離程式碼，避免衝突，使其不影響原有和未來的程式碼。
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！ 推薦閱讀：
以上是css中id選擇器的命名規則有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！
