Written by Kasumi

【CSS】指定したセレクタの子要素全てに対してプロパティを適用する方法

指定したセレクタの子要素全てに対して一括で同じCSSプロパティを適用したい。

本記事ではこのような悩みを解決します。

子要素全てに対してCSSプロパティを付与する

.item > * {
  font-size: 30px;
}

子要素全てに対してCSSを適用するコード例です。

対象のセレクタの後に > *を入れます。

以上で実装完了です。

本コード例ではitemクラスの子要素全てに対してfont-sizeを一括で適用してます。

まとめ

CSSで指定したセレクタの子要素全てに対してプロパティを適用する方法について紹介しました。

以上で解説を終わります。

目次

関連記事

HTMLCSS

【簡単CSS】複数の背景画像にパララックスを実装する方法【スマホ対応】

更新日:2022.12.31
15384
HTMLCSS プログラミング

【簡単CSS】flexboxで孫要素の高さを揃えて均等に子要素を横並び配置する方法

2022.03.06
9117
HTMLCSS

APIを使わず、GoogleMapを白黒でサイトに埋め込む方法

更新日:2022.06.08
2026
HTMLCSS プログラミング

HTML・CSSのみで開閉アコーディオンを作る【JS不要簡単】

2020.04.12
3687