CSSネストへの対応

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

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

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

いつもお世話になっております。江村です。 CSS HTML Validator の開発者に問い合わせたところ、CSS Nesting にはまだ対応していないという話です。これは、CSS HTML Validator v24.01 で優先度を高くして対応したいということでした。しかし、実際に CSS Nesting に対応しているブラウザは 80% ほどなので、プロダクションではまだ使用されない方がいいそうです。 https://caniuse.com/css-nesting よろしくお願いいたします。

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