CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化（階層化）でき、これまでのCSSの実装方法が大きく変わる ...

当ブログではCSSの新機能をたくさん紹介してきましたが、今回紹介するのはこれまでのCSSの実装方法が大きく変わるものです。 カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順序をカスケード内で明示的にレイヤー化（階層化）できます。

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 CSS Modern Features、最終回となる今回のテーマはCascade Sorting Orderです。 CSS適用順序を構成する仕様の増加 突然ですが、 「⁠CSSの適用順序」 と言われると、どこまで説明できるでしょうか ...

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回取り上げるCSSの機能はCascade Layersです。 Cascade Layersは、 「⁠レイヤー」 と呼ばれる階層を独自に定義することで、CSS適用の優先順位をコントロールする機能です。利用時は@layer ...

米Googleは2月3日（現地時間）、「Google Chrome 99」のベータ版に追加された新機能を発表した。「Chrome 99」では、CSSカスケードレイヤー（CSS Cascade Layers）と、入力要素のピッカーをコードで呼び出す機能が新たにサポートされる。 CSSカスケードレイヤー CSS ...

CSSが思ったように適用されない原因は、カスケードの仕組み、詳細度（specificity）、そして継承ルールにあります。本動画では、フロントエンド開発でよくつまずくポイントを整理しながら、CSSが効かない理由を基礎からわかりやすく解説します。初心者 ...

CSS の Cascading に Layers という概念が追加された。 これまでのカスケードのソート順序は以下の判定基準に基づいてソートされていた（後述の方が優先される）。 出自と重要度（Origin and Importance） 文脈（Context） 要素に付されたスタイル（Element-Attached Styles ...

米Googleは3月1日（現地時間）、デスクトップ向け「Google Chrome 99」を安定（Stable）チャネルへリリースしたと発表した。編集部ではまだ確認できていないが、間もなく展開が開始されるとみられる。 「Chrome 99」における変更点は、開発者向けの改善が中心。