CSS @henの提案

CSSフィールドは最近急速に発展しています。今まで見たことのない新しいことを聞いたことがありますが、ミリアムを通しても学びました。CSS条件の声明。

CSSワーキンググループは、CSSの次のレベルの条件ステートメントに @Tabatkinsの提案を含めることにしました。これが提案です： https：//www.php.cn/link/2d3bd60a2d899b49827efa1d74476809

- Mia、Bass（@terriblemia）9月15日

ロジックはすでにメディアクエリに存在します。実際、メディアクエリはそれ自体が一種の論理です。

 <code>@media (min-width: 600px) { /* 当此媒体查询为真时，执行这些样式。 */ }</code>

相互に排他的なスタイルが必要な場合は、2つのメディアクエリを書く必要があります。

 <code>@media (min-width: 600px) { /* ... */ } @media (max-width: 599px) { /* ... */ }</code>

これは少し...面倒です。新しい提案の文法ははるかに簡単です：

 <code>@when media(min-width: 600px) { /* ... */ } @else { /* ... */ }</code>

複数の@ELSEステートメントを使用し、 @Mediaを使用するだけでなく、@Supportsを使用することで、複数の条件を使用および使用することにより、カスケードロジックスタックを作成できるようです。

 <code>@when media(width >= 400px) and media(pointer: fine) and supports(display: flex) { /* A */ } @else supports(caret-color: pink) and supports(background: double-rainbow()) { /* B */ } @else { /* C */ }</code>

私の意見では、これは非常に論理的で便利です！

私は命名について小さな議論を見ました。 @IFは論理的な名前でもあります。しかし、SASSは@IFを使用します。これは、すべてのSASSロジックを新しいものにリファクタリングする必要がある場合、またはとにかく発生した場合、多数の開発者にとって非常に迷惑です。 CSSは任意のプリプロセッサに屈服する必要がありますか？いいえ、しかし、Sassは長い間存在しており、非常に人気があり、非常に良い選択肢があるので、なぜ痛みを引き起こしますか？その議論では、それはSASSだけではありませんでした - @Whenはそれ自体がより良い名前だと思う人もいます。

以上がCSS @henの提案の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。