蜜桃av色欲a片精品一区,欧美成人a在线网站,亚洲欧美在线观看品,色天使亚洲综合一区二区,色天使亚洲综合一区二区

2014年12月12日 星期一
今天是：

div css布局命名時盡量避免下劃線

閱讀 2580 次    更新時間：2014-8-14    
　　一直習(xí)慣了在命名CSS樣式名時使用下劃線“_”做為單詞的分隔符，這也是在寫JS時慣用的寫法。

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

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

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

-------------------------------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---------------------------------- 
<div id="a" class="try-a">try1</div>
<div id="b" class="try~a">try2</div>
<div id="c" class="try`a">try3</div>
<div id="d" class="try&a">try4</div>
<div id="e" class="try$a">try5</div>

<input type="button" value="ok" onclick="b();" />
---------------------------------------------------------------------- 
---------------------------------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)常會用到ID選擇符，如果在頁面中的ID命名中使用了“_”，就免不了在CSS樣式里出現(xiàn)下劃線“_”了，所以在此還得注意在ID的命名上也要避免使用下劃線。