[解決済み] "セレクタ(CSS)にIDを使うな "なら、IDの代わりに何を使えばいい?
2022-02-01 02:25:39
質問
のいずれかです。
CSS lint ルール
は、「セレクタにIDを使わないほうがいい」です。
では、一意な要素を指し示すためにIDの代わりに何を使えばいいのでしょうか?
たとえば、以下のようなクラス名を持つ要素が何十個もあるとします。
my-class
そして、そのうちの1つだけに特別なCSSプロパティを持たせたいのです。どうすればいいでしょうか。
どのように解決するのですか?
例えば、別のクラスを与える。
<div class="myClass special"></div>
.myClass.special{
color: red;
}
関連
-
[解決済み] アニメーションディレイが効かない
-
[解決済み] ブートストラップカラムで画像の下にキャプションを中央配置する
-
[解決済み] codepenでfont awesomeを使用する
-
[解決済み] CSSのクラス名/セレクタに使用できる文字は?
-
[解決済み] クラスを条件付きで適用する場合の最適な方法は何ですか?
-
[解決済み] CSS Flexboxで、"justify-items "と "justify-self "プロパティはなぜないのですか?
-
[解決済み] CSSのクラスは、1つまたは複数の他のクラスを継承することができますか?
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] なぜブラウザはCSSセレクタを右から左へマッチングさせるのですか?
-
[解決済み] 2つのクラスを持つ要素に適用するCSSセレクタ
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】bootstrap 3で画像にテキストを回り込ませる
-
[解決済み] ユーザーエージェントのスタイルシートが私のCSSを上書きしないようにする方法
-
[解決済み] margin: auto は中央揃えではありません。
-
[解決済み] Chrome で注入されたスタイルシートによる奇妙なスタイリングが発生する
-
[解決済み] DjangoのCSSが更新されない
-
[解決済み] Bootstrap 4のclass="mb-0 "とは何ですか?
-
[解決済み] モバイル端末でCSSを使用したフルハイトの背景画像
-
[解決済み] Bootstrap 3 で列からパディングを削除する
-
[解決済み] CSS 不透明度 - 背景色
-
[解決済み] ブルマのテーブルをレスポンシブにするにはどうしたらいいですか?