エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Chrome 118からCSSの注目機能を紹介 - What's new in Browsers! (2023-10-19)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Chrome 118からCSSの注目機能を紹介 - What's new in Browsers! (2023-10-19)
What's new in Browsers!は、サイボウズのフロントエンドエンジニアがブラウザの最新情報から気になるト... What's new in Browsers!は、サイボウズのフロントエンドエンジニアがブラウザの最新情報から気になるトピックを紹介するシリーズです。 今回はChrome 118の更新内容から気になるトピックとして、@scopeとprefers-reduced-transparencyを紹介します。 @scopeでscopedなCSSが書けるように 新たなat-ruleである@scopeに対応しました。@scopeを用いるとスタイルのscope(影響範囲)を特定の範囲に閉じることができます。 通常CSSでは同じ詳細度のセレクタにマッチした場合、スタイルシード上でうしろに書いた(または後で読み込まれた)スタイルが適用されます。 次のようなHTMLとスタイル指定がある場合、どちらも詳細度が同じため、.blueの中にあるp要素はcolor: redが適用されます。 <div class="red