這篇文章給大家分享的是有關(guān)css布局命名時(shí)盡量避免下劃線的方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站建設(shè)、成都網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元公主嶺做網(wǎng)站,已為上家服務(wù),為公主嶺各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

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

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

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

以下為引用的內(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
try2
try3
try4
try5
 

js部分：

代碼如下：

function b（）{
document.getelementbyid（"a"）。classname="try-b";
document.getelementbyid（"b"）。classname="try~b";
document.getelementbyid（"c"）。classname="try`b";
document.getelementbyid（"d"）。classname="try&b";
document.getelementbyid（"e"）。classname="try$b";
}

結(jié)果是“try1”變成了紅色，顯示正常。不過在css定義里，經(jīng)常會(huì)用到id選擇符，如果在頁面中的id命名中使用了“_”，就免不了在css樣式里出現(xiàn)下劃線“_”了，所以在此還得注意在id的命名上也要避免使用下劃線。

感謝各位的閱讀！關(guān)于css布局命名時(shí)盡量避免下劃線的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！