我向我的團隊建議我們爲我們的類名使用破折號(連字號),但對於ids,使用下劃線將元素標記與ID名稱的其餘部分分開,並且ID名稱應該是#element_class-名稱,因此: <div id="div_generic-name" class="generic-name">Stuff</div>
此方法是否存在錯誤?如果我們混合使用下劃線和連字符,會發生什麼壞事?可以在CSS ID命名約定中混合使用下劃線和破折號(連字符)嗎?
2
A
回答
5
是的,這沒問題。每W3C,命名CSS類的頂部的兩個規則:
- 所有CSS語法是不區分大小寫的ASCII範圍內(即, [AZ]和[AZ]是等同的),除了份該不是根據 控制的CSS。例如, 的HTML屬性「id」和「class」,字體名稱以及URI的區分大小寫敏感度在本規範範圍之外,其範圍爲 。特別注意, 元素名稱在HTML中不區分大小寫,但在 XML中區分大小寫。
- 在CSS中,標識符(包括 選擇器中的元素名稱,類和ID)只能包含字符UA-00A0和更高的字符[a-zA-Z0-9]和ISO 10646 以及連字符( - )和下劃線 (_);他們不能以數字,兩個連字符或連字符 後跟一個數字開頭。標識符還可以包含轉義字符 和任何ISO 10646字符作爲數字代碼(請參閱下一項)。對於 實例,標識符「B & W?」可寫成「B \ & W \?」或「B \ 26 W \ 3F」。
1
做你想做的事情沒有問題。引號之間的任何內容都不會被瀏覽器解析,只能作爲字符串處理,不會被解釋。
相關問題
- 1. 的jQuery使用CSS變量混合,下劃線和連字符
- 2. url解碼破折號和下劃線
- 3. String.prototype.replace()刪除破折號和下劃線
- 4. 重定向以破折號/連字符
- 5. htaccess用破折號替換下劃線
- 6. 將單個和連續的下劃線重寫爲破折號
- 7. CSS選擇器連字符/破折號
- 8. 連字符/破折號屬性,而不是下劃線在Haml的
- 9. 我可以使用Python正則表達式來處理字母,破折號和下劃線嗎?
- 10. Rails應用程序中的CSS ID和類是下劃線的約定嗎?
- 11. 用下劃線替換破折號和空格,並使列名大寫
- 12. 我可以使用連字符或破折號代替camelCase作爲i18next鍵嗎?
- 13. 如何遞歸重命名android資產並用下劃線替換破折號
- 14. 如何使用.htaccess RewriteRule將下劃線更改爲破折號
- 15. PHP無法替換包含破折號和下劃線的字符串
- 16. ASP.NET MVC2不會用HtmlAttributes中的破折號代替下劃線
- 17. 用codeigniter URL結構中的破折號替換下劃線
- 18. 是否可以在變量名.net Web API中使用破折號字符?
- 19. 當用一個以上的單詞命名寶石時,是否應該使用破折號或下劃線?
- 20. 在Laravel的網址中有破折號而不是下劃線
- 21. RegEx的數字和破折號/連字符以某種格式
- 22. 用「&」符號和連字符替換下劃線
- 23. Python模塊用破折號或連字符( - )的名稱中
- 24. 正則表達式的字母,破折號,下劃線,數字和空間
- 25. 核心基金會和可可觸摸下劃線命名約定(1或2下劃線?)
- 26. NG模式只允許字母,數字,點,下劃線和破折號
- 27. 蟒蛇SH庫,用連字符/破折號命令
- 28. rails和html數據屬性:使用破折號( - )還是下劃線(_)?
- 29. Ruby on Rails - 如何在URL中使用破折號而不是下劃線?
- 30. 如何用Nginx替換下劃線到破折號
你應該閱讀一些關於css的編碼標準,比如wordpress,而不是你應該一直遵循的東西,但是當我開始使用css時,我真的發現這篇文章很有用http://make.wordpress.org/core/手冊/編碼標準的/ CSS / – Paradise