在CSS ID或類中使用camelCase好不好？

問題出現在標題中。我習慣於在開發中使用camelcase，並且因爲有設計交叉，所以想知道是否有任何技術原因（不管意見）在HTML中使用它。提前感謝您的回覆。在CSS ID或類中使用camelCase好不好？

2012-07-10 James P.

沒有技術原因，沒有。使用任何標準的項目（或者* make *標準，如果目前不存在的話）。 – Matt 2012-07-10 10:40:59

從技術上講，沒有，沒有任何技術問題。你喜歡什麼。

會盡力遵循良好的作風導向不過，like this one。

2012-07-10 10:42:33

我期待這樣做，因爲我正在考慮採用eElementID來爲腳本中的腳本和oElementID使用腳本中的對象，以使HTML和編碼更具可讀性。直到這個考慮，我一直使用嚴格小寫的CSS ID和類。 – Wayne 2015-08-02 10:13:49

這是確定肯定的，但要注意有一些普遍的技術區分大小寫issues做到心中有數。從技術角度來看，如果你的CSS和HTML一致，你應該沒問題。

2012-07-10 10:46:23 Nik

好問題。我個人在class/id名稱中使用camelCase。沒有技術上的原因，爲什麼你不能。

但是，這樣做對一些意見快速閱讀後，似乎很多其他開發/設計由於更好的可讀性使用連字符超過駝峯。

和你一起去是什麼舒適的編碼。我已經用細了駝峯，我在團隊環境中工作，從來沒有一個問題與可讀性於其他開發商。在此

意見，我一直在讀可以在這裏找到：http://css-tricks.com/new-poll-hyphens-or-dashes/

2012-07-10 10:48:45

腳本的其他一些實現使用第一個字母來識別。我發現這變得非常易讀，將樣式更改爲camelCase，第一個字母爲標識符。但需要檢查舊瀏覽器的技術問題;它是一種IE習慣。 – Wayne 2015-08-02 10:19:45

有一個技術限制，如果你在你的CSS使用駝峯標識符 - 在|=選擇符：

<form class="registration"></form> 
<form class="search-movies"></form> 
<form class="search-actress"></form>

要僅匹配搜索表單，您可以編寫：

[class|="search"] { font-size: 150% }

You canno用camelCase類名來做這件事。

2013-07-19 19:46:47 srigi

Yeeaaaahhhh。我希望永遠不要使用這個，也不要在項目中遇到這個規則。 – steve 2013-11-21 20:37:24

你可以用'[class^=「search - 」]實現完全相同的效果' 我是用於連字符的，但是，一致性規則。 – YemSalat 2014-06-27 15:51:11

不，你不能。 '[class | =「search」]'將匹配「search」和「search-whatever」，你的解決方案不會。 – inta 2015-05-06 15:43:37

我一直在使用駝峯規則在今天之前，讓我講故事：我創建了由寫在駝峯規則的ID名稱的引導模式。我無法使用引導程序自己的JQuery函數來操作它。找了幾天後，最後我的同事發現駱駝正在造成這種情況。 JavaScript區分大小寫可能會非常棘手且不可預知。所以我建議你使用連字符。

2017-01-13 14:57:04 Kutalia

回答