CSS @When에 대한 제안

CSS 필드는 최근에 빠르게 발전하고 있습니다. 나는 전에 본 적이없는 새로운 것을 들었고 Miriam : CSS 조건부 진술을 통해 배웠습니다.

CSS 실무 그룹은 다음 수준의 CSS 조건부 진술에 대한 @tabatkins를 포함하기로 결정했습니다. 이것이 제안입니다 : https://www.php.cn/link/2d3bd60a2d899b49827efa1d74476809

- MIA,베이스 (@terriblemia) 2021 년 9 월 15 일

논리는 이미 미디어 쿼리에 존재합니다. 실제로 미디어 쿼리는 그 자체로 일종의 논리입니다.

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

상호 독점적 인 스타일을 원한다면 두 가지 미디어 쿼리를 작성해야합니다.

 <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 @When에 대한 제안의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!