css命名為何不推薦使用下劃線
阿新 • • 發佈：2020-10-23
導語：最近在做個人專案將程式碼上傳到華為雲時，系統檢查程式碼時報錯，描述說我的css選擇器命名不規範，如圖：
那為什麼css樣式不推薦使用下劃線命名呢？
首先我們先從它的規範講起
W3C規範
W3C CSS2.1的 4.1.3 節中提到：識別符號（包括選擇器中的元素名，類和ID）只能包含字元[a- zA-Z0-9]和ISO 10646字元編碼U+00A1及以上，再加連字號（-）和下劃線（_）；它們不能以 數字，或一個連字號後跟數字為開頭。它們還可以包含轉義字元加任何ISO 10646字元作為一個數 字編碼。
按照規範來講，它是可行的，但是某些(已授權，舊的，NS4型)瀏覽器中的類名或ID不允許下劃線。
1.長名稱或片語可以使用中橫線來為選擇器命名。
2.不建議使用“_”下劃線來命名CSS選擇器。
3.css用中劃線，js用駝峰。
CSS命名規則常用單詞
頭：header 內容：content/container 尾：footer
導航：nav 側欄：sidebar 欄目：column
頁面外圍控制整體佈局寬度：wrapper 頁面主體：main
登入條：loginbar 標誌：logo 廣告：banner
熱點：hot 新聞：news 下載：download
子導航：subnav 選單：menu 子選單：submenu
搜尋：search 友情連結：friendlink 頁尾：footer
版權：copyright 滾動：scroll 內容：content
標籤頁：tab 文章列表：list 提示資訊：msg
小技巧：tips 欄目標題：title 加入：joinus
指南：guild 服務：service 註冊：regsiter
狀態：status 投票：vote 合作伙伴：partner