[解決済み] 1つの要素に2つのCSSクラスを適用する方法
2022-09-23 20:10:09
質問
2つのクラスを1つの
div
または
span
とか、どんなHTML要素でもいいんですか?例えば
<a class="c1" class="c2">aa</a>
試してみたところ、私の場合は
c2
は適用されません。どうすれば両方のクラスを一度に適用できるのでしょうか?
どのように解決するのですか?
1) class属性の中で、空白で区切って複数のクラスを使用する ( ref ):
<a class="c1 c2">aa</a>
2) 指定されたクラスをすべて含む要素を対象にするには、この CSS セレクタ ( スペースなし ) ( 参照 ):
.c1.c2 {
}
関連
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] jQueryで名前を指定して要素を選択するには?
-
[解決済み] インラインCSSでa:hoverを記述するには?
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] CSSで複数のtransformを適用するには?
-
[解決済み] Webサイトのブラウザタブアイコン(ファビコン)を追加する方法を教えてください。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTMLにおける'"'エンティティの使用法
-
[解決済み] HTMLのテーブルからボーダーを完全に削除する方法
-
[解決済み] HTML IFステートメント
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] スクロールバーを隠すが、スクロールはできる状態
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] Webサイトのブラウザタブアイコン(ファビコン)を追加する方法を教えてください。
-
[解決済み] MIME-typeが原因でスタイルシートが読み込まれない
-
[解決済み] 残りの幅を埋めるためにdivを展開する
-
[解決済み】1つの要素に2つのCSSクラスを使用する【重複あり