css布局命名時(shí)怎么盡量避免下劃線

這篇文章主要介紹了css布局命名時(shí)怎么盡量避免下劃線的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇css布局命名時(shí)怎么盡量避免下劃線文章都會有所收獲，下面我們一起來看看吧。

成都創(chuàng)新互聯(lián)自2013年起，先為深澤等服務(wù)建站，深澤等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為深澤企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

用過csshack的朋友應(yīng)該知道，用下劃線命名也是一種hack，如使用“_style”這樣的命名，可以讓ie外的大部分瀏覽器忽略這個(gè)樣式的定義，所以使用“_”做為命名時(shí)的分隔符是不規(guī)范的。在做css檢查時(shí)會出現(xiàn)錯(cuò)誤提示，因此要避免使用下劃線命名。

為此得找一個(gè)能代替下劃線而又合規(guī)范的符號，當(dāng)然不是一定要用這種分隔符之類的，只是個(gè)人習(xí)慣問題。

做了個(gè)小測試，將下劃線分別用了“~”、“$”、“`”、“&”和“－”去代替，結(jié)果只有“－”號是可以使用的，而且對js的支持也正常，看下測試：

以下為引用的內(nèi)容：

css部分：

代碼如下：

.try-a{color:#00f;}

.try~a{color:#00f;}

.try`a{color:#00f;}

.try&a{color:#00f;}

.try$a{color:#00f;}

.try-b{color:#f00;}

.try~b{color:#f00;}

.try`b{color:#f00;}

.try&b{color:#f00;}

.try$b{color:#f00;}

html部分：

代碼如下：

try1