エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Scoped Styles/スコープ付きスタイルルール [CSS Modern Features no.5] | gihyo.jp
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Scoped Styles/スコープ付きスタイルルール [CSS Modern Features no.5] | gihyo.jp
乗りこなせ! モダンフロントエンド Scoped Styles/スコープ付きスタイルルール [CSS Modern Features ... 乗りこなせ! モダンフロントエンド Scoped Styles/スコープ付きスタイルルール [CSS Modern Features no.5] Scoped Styles/スコープ付きスタイルルール こんにちは!サイボウズ フロントエンドエキスパートチームの麦島です。 今回取り上げるCSSの機能はScoped Stylesです。 Scoped Stylesは@scope At-Rulesを用いて、CSSの適用範囲を従来よりも細かく絞り込んで制御するための機能です。CSSではカスケードの都合上、子孫要素へのCSSプロパティの継承の制御は難しいものでしたが、@scopeを用いることでより厳密な制御が可能となります。 コードは次のような形です。 /* @scope の利用例 */ @scope (.parent) { /* .parentクラスを持つ要素の文字を赤色とする */ :scope