Shulou(Shulou.com)06/01 Report--

This article mainly introduces how css uses @ when/@else, which has a certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let's take a look at it.

@ when/@else1. Basic concept

@ when/@else is a conditional rule in CSS, similar to if/else logic in other programming languages. It makes it more logical to write complex media queries. The choice to use @ when instead of @ if here is to avoid conflicts with Sass.

two。 Usage

You can query a variety of media conditions or supported features, such as whether your viewport exceeds a certain width, and whether your browser supports subgrid.

When media (min-width: 30em) and supports (display: subgrid) {} @ else {} 3. Current state

Currently, changing properties is not supported in browsers. It is still too early and is still under discussion. It is not expected to be widely supported by browsers this year, but it is certainly a very useful attribute to watch.

Thank you for reading this article carefully. I hope the article "how to use css @ when/@else" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.