CSSネストへの対応

[snow]

開発お疲れ様です。

外部のモジュールを使用されているというお話しだったので、書く場所が違うかも知れませんが。
例えば

table.f {
    th {
        background:black; color:white;
    }
    td {
        background:white; color:black;
    }
}

という記述です。
現時点ですべての現役ブラウザでvalidですが、エムエディタのCSS構文チェッカーではまだエラーになります。
こちらも通るようになれば…という希望です。

よろしくお願いいたします。

[Yutaka Emura]

いつもお世話になっております。江村です。

CSS HTML Validator の開発者に問い合わせたところ、CSS Nesting にはまだ対応していないという話です。これは、CSS HTML Validator v24.01 で優先度を高くして対応したいということでした。しかし、実際に CSS Nesting に対応しているブラウザは 80% ほどなので、プロダクションではまだ使用されない方がいいそうです。

https://caniuse.com/css-nesting

よろしくお願いいたします。

[snow]

ご返信ありがとうございます。
お問い合わせ感謝いたします。待つことにします。

「すべての現役ブラウザでvalid」は確かに正確ではありませんが、種類ではなく利用率で言えばかなり100%に近いのではないでしょうか。
IE11を考慮しつつ更新を続けているサイトも、もう少ないのでは…と。

[作成者]

投稿