[解決済み】CSSセレクタ「(AまたはB)とC」?
2022-04-12 06:49:08
質問
簡単なはずなのですが、検索ワードに困っています。
例えば、こんなものがあるとします。
<div class="a c">Foo</div>
<div class="b c">Bar</div>
CSSで、"(.a or .b) と .c" に一致するものをマッチさせるセレクタを作成するにはどうしたらよいでしょうか。
こんなことができるのは知っています。
.a.c,.b.c {
/* CSS stuff */
}
しかし、このようなロジックを何度も行う必要があり、様々な論理の組み合わせがあると仮定すると、もっと良い構文があるのでしょうか?
どのように解決するのですか?
<ブロッククオートもっと良い構文があるのでしょうか?
いいえ、CSSの
or
演算子(
,
はグループ化を許可しません。これは基本的にセレクタの中で最も低い優先順位を持つ論理演算子なので
.a.c,.b.c
.
関連
-
[解決済み】このインラインブロックのdiv要素の間に説明のつかない隙間があるのはなぜですか?[重複]
-
[解決済み】#記号のHTML文字実体は何ですか?
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] 前の兄弟」セレクタはありますか?
-
[解決済み] CSSのクラス名/セレクタに使用できる文字は?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] CSSセレクタの"~"(チルダ/スクイグル/ツイドル)はどういう意味ですか?
-
[解決済み】HTML5入力のプレースホルダの色を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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】iframeの背景色を変更する問題
-
[解決済み】iframeの高さを100%にする方法【重複】。
-
[解決済み】ラジオボタンの代わりに画像を使用する
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み] span with onclick event inside the tag
-
[解決済み] IFrameからボーダーを取り除く
-
[解決済み] 文字列が部分文字列で終わっているかどうかをXPathでテストする?
-
[解決済み] WebForms UnobtrusiveValidationMode には、'jquery' の ScriptResourceMapping が必要です。jquery という名前の ScriptResourceMapping を追加してください(大文字と小文字を区別します)。
-
[解決済み] 送信ボタンが機能しない
-
[解決済み] type="application/x-shockwave-flash "で表示可能な形式は?