[解決済み】クラスが2つある要素を選択する方法【重複あり
2022-04-09 03:39:58
質問
このような要素があります。
<div class="a b"></div>
<div class="b"></div>
<div class="a"></div>
クラスa,bの要素に#666の色をつけたいのですが。 CSSでこれを行うにはどうしたらよいでしょうか。
どのように解決するのですか?
クラスセレクタを連鎖させることができます スペースなし の間にある。
.a.b {
color: #666;
}
なお、重要なことですが、IE6では
.a.b
として
.b
そのため、そのブラウザでは
div.a.b
と
div.b
はテキストがグレーになります。参照
本解答
をご覧ください。
関連
-
[解決済み】ダウンロードしたフォントのデコードに失敗しました。
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] CSSでボーダーの不透明度を設定することはできますか?
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] SPANのheightプロパティを設定する方法
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] 最初の要素にクラスを指定する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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 他のブラウザが画像を読み込むときに、Chromeがエラー **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** を発生させる。
-
[解決済み】なぜ私のdivは重なっているのですか?
-
[解決済み] CSS無効なプロパティ値?
-
[解決済み] 位置固定が効かないのが絶対のように効いている【非公開
-
[解決済み] svgの円のダブルストロークの色
-
[解決済み] CSSで0を指定する場合、明示的に単位を表記するべきか、省略するべきか。
-
[解決済み] svgの円のダブルストロークの色
-
[解決済み] 子 div が親 div からはみ出さないようにする。
-
[解決済み] twitter-bootstrapの@-ms-viewportというタグは何ですか?
-
[解決済み] 2つのクラスを持つ要素に適用するCSSセレクタ