[解決済み] 複数のクラスに一度にスタイルを適用するにはどうすればよいですか?
2022-03-23 05:36:22
質問
CSSで、異なる名前の2つのクラスに同じプロパティを持たせたいのですが、どうすればよいですか?コードを繰り返したくありません。
.abc {
margin-left:20px;
}
.xyz {
margin-left:20px;
}
<a class="abc">Lorem</a>
<a class="xyz">Ipsum</a>
両方のクラスが同じことを行っているので、1つに統合することができるはずです。どうすればいいのでしょうか?
どのように解決するのですか?
.abc, .xyz { margin-left: 20px; }
は、探しているものです。
関連
-
[CSSチュートリアル】純粋なCSSでWebページの内容をコピーできないようにする方法
-
[CSSチュートリアル】タイトルを上部に配置するスティッキーレイアウトを実現するためのCSS
-
[CSSレイアウト例】CSSで中央揃えを実現する方法N種
-
[css3]css3アニメーションマウスが絵の上に置かれると徐々に大きくなり、マウスが絵から離れると徐々に縮む効果
-
[css3]CSS3アニメーションによる光のボタンの流れの効果
-
[解決済み] CSS Flexboxで、"justify-items "と "justify-self "プロパティはなぜないのですか?
-
[解決済み] not()擬似クラスは複数の引数を持つことができますか?
-
[解決済み] CSSで複数のtransformを適用するには?
-
[解決済み] 複数のクラスを削除する(jQuery)
-
[解決済み] 複数のクラスに基づいて要素を選択する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
cssで背景色の半透明化を実現する2つの方法
-
[CSSレイアウト例】float(フロート)、position(ポジション)プロパティの差分によるCSSレイアウト
-
[CSSチュートリアル]z-indexの違い。cssのz-index: 0とz-index: autoの違い。
-
[css3]css3におけるtransformプロパティの4つの機能
-
[css3]ピュアCSS3によるネオンライト効果
-
[css3]css3アニメーションマウスが絵の上に置かれると徐々に大きくなり、マウスが絵から離れると徐々に縮む効果
-
[CSSチュートリアル】擬似要素で実現する中空三角矢印とXアイコンの例
-
[css3]赤いパケットのジッター効果を実現するCSS3
-
フロントエンドの落とし穴 リソースはスタイルシートとして解釈されるが、MIMEタイプはtext/htmlで転送される。"<URL>". css スタイルの失敗
-
[CSSチュートリアル】CSSプリグラミング言語と詳細解説の違いについて