CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説

CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化（階層化）でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知識を紹介します。 Cascade layers are coming to your browser by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに準じて翻訳しています。 はじめに CSSの詳細度とカスケード @layerの動作 レイヤーの優先順位の管理 インポートファイルの整理 レイヤーとカスケード カスケードレイヤーの注意点 カスケードレイヤーの参考リソース はじめに カスケードレイヤー（@layerC

[coliss]

CSSカスケードレイヤーの基礎知識を解説。

[yoshikidz]

どんどんプログラミングの世界に近くなってきているけれど、テキスト表現の時点で論理で整理する必要のある世界だったってことと、論理で整理してグルーピングしないともうみんながカオスってことがよくわかった。

[sakatorism]

これが必要なほど複雑なCSSは書いてないけど便利だ。

[cript]

こうやって複雑化してくるのって長期的に見ると良く無い気がなんとなくするわ。

[sucelie]

標準でscssみたいなネストに対応してほしい・・・

[poponponpon]

やべえ。流し読みしたけどさっぱり使い方わかんねえぜ！

[ducktoon]

思ってたよりも複雑で不安だな

[Nean]

あらま。

[otchy210]

非エンジニアでも使いやすい文法・デザインで作られたはずの CSS、結局のところ長年にわたってプログラマブルな方向に汚染され続けている気がするが、それでいいんだっけ？

[tokuninac]

覚えたら見やすくなりそうではある

[muamqm]

そのうち、複雑化したCSSのラッパーみたいなフレームワークが出てきて、最初のプロトタイプはそっち使うだけで充分！って感じになりそう。

[onesplat]

CSSはクソ

[gabill]

つまりこの機能によりCSSがカスケードなスタイルシートになったということか。

[matsuedon]

？？_:(´ཀ`」 ∠):

[mayumayu_nimolove]

もう金にならなそうな技術は覚えないぞ。でも新技術は教える側につくと金になるのが悩みどころ

[kachikachi2]

あとから追加したスタイルを最上位のレイヤーとして継ぎ足していけばいいってことだな？

[aceraceae]

単独の layer 文だと優先度が逆になるのがちょっと混乱しそう。

[mysql8]

ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ•̫͡•ʕ•̫͡•ʔ•̫͡•ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔʕ•̫͡•ʕ !important

[Shinwiki]

最初からよく考えて作ってくれや

[misarine3]

んー、まだまだ変わるか

[jintrick]

レイヤードスタイルシート。

[kvx]

すぐに欲しい