web-dev-qa-db-ja.com

CSS IDまたはクラスでcamelCaseを使用しても大丈夫ですか?

タイトルに質問があります。私は開発でキャメルケースを使用することに慣れており、デザインとのクロスオーバーがあるので、HTMLでそれを使用することに技術的な理由があるかどうか(意見にかかわらず)疑問に思っていました。返信ありがとうございます。

27
James P.

技術的には、いいえ、技術的な問題はありません。好きなことをしてください。

ただし、優れたスタイルガイド これのように に従ってください。

21
Jezen Thomas

CSSでcamelCase識別子を使用する場合、技術的な制限が1つあります-|=セレクター指定子:

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

検索フォームのみに一致させるには、次のように記述できます。

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

CamelCaseクラス名を使用してこれを行うことはできません。

26
srigi

今日の前にキャメルキャスティングを使用していたので、話をしましょう。bootstrapキャメルキャスティングで記​​述されたID名でモーダルを作成しました。ブートストラップの独自のJQuery関数を使用してそれを操作できませんでした。日を検索したところ、ようやく同僚がcamelCasingが原因であることがわかりました。JavaScriptの大文字と小文字の区別が難しいため、予測できないため、ハイフンを使用することをお勧めします。

4
Kutalia

良い質問。私はクラス/ ID名でキャメルケースを個人的に使用しています。使用できない技術的な理由はありません。

ただし、意見について少し読んだ後、読みやすさの向上により、多くの他の開発者/デザイナーがキャメルケースよりもハイフンを使用しているようです。

あなたがコーディングに慣れているものを使います。キャメルケースをうまく使用して、私はチーム環境で働いており、他の開発者にとって読みやすさに問題がありませんでした。

私が読んでいるこれに関する意見はここにあります:http://css-tricks.com/new-poll-hyphens -or-dashes /

4
Dave Haigh

大丈夫ですが、技術的な大文字と小文字を区別する一般的な技術 issues があることに注意してください。技術的な観点から見ると、CSSとHTMLに一貫性がある場合は問題ありません。

3
Nik

TwitterもPascalケースを使用しています。

Twitter PascalCase CSS class names

1
Dan Dascalescu