国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

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

2024-07-11 08:30:49
字體:
來源:轉載
供稿:網友

一直習慣了在命名css樣式名時使用下劃線“_”做為單詞的分隔符,這也是在寫js時慣用的寫法。

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

為此得找一個能代替下劃線而又合規范的符號,當然不是一定要用這種分隔符之類的,只是個人習慣問題。

做了個小測試,將下劃線分別用了“~”、“$”、“`”、“&”和“-”去代替,結果只有“-”號是可以使用的,而且對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></p><p><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";
}


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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 和林格尔县| 竹山县| 临高县| 阿鲁科尔沁旗| 荣成市| 宝兴县| 永寿县| 易门县| 苏州市| 大方县| 孝义市| 禄丰县| 关岭| 望都县| 綦江县| 定日县| 黔东| 宁安市| 景东| 太湖县| 鸡泽县| 新营市| 瓮安县| 大同县| 济阳县| 班玛县| 德惠市| 康定县| 仲巴县| 定边县| 东乌| 伊宁县| 应用必备| 永兴县| 惠东县| 电白县| 格尔木市| 增城市| 乐都县| 永仁县| 潮安县|