91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

為什么div css布局命名時要盡量避免下劃線

發布時間:2021-07-28 18:07:37 來源:億速云 閱讀:101 作者:chen 欄目:web開發

這篇文章主要介紹“為什么div css布局命名時要盡量避免下劃線”,在日常操作中,相信很多人在為什么div css布局命名時要盡量避免下劃線問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”為什么div css布局命名時要盡量避免下劃線”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

一直習慣了在命名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的命名上也要避免使用下劃線。

到此,關于“為什么div css布局命名時要盡量避免下劃線”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

金堂县| 鲁山县| 东阳市| 潮安县| 庐江县| 西盟| 安阳县| 东海县| 格尔木市| 湖南省| 米泉市| 大安市| 吴旗县| 佛教| 启东市| 当涂县| 武夷山市| 十堰市| 上林县| 江津市| 延长县| 资源县| 南丰县| 晋江市| 古田县| 岚皋县| 秭归县| 南乐县| 公安县| 巴南区| 虞城县| 河北区| 河东区| 察哈| 平湖市| 合作市| 亳州市| 察隅县| 沧源| 吉水县| 乐业县|