The What If Machine : CSS의 'Iffy'미래를 현재로 가져 오기

CSS 실무 그룹은 인라인 조건부 진술을 개발하기로 결정했으며, 이는 의견 섹션에서 열렬한 토론을 일으켰습니다. 일부 개발자는 이에 대해 흥분하는 반면, 다른 개발자들은 이것이 CSS의 미래를 불확실하게 만들 것이라고 우려하고 있습니다. CSS를 남용하는 개발자들로 가득 찬 지옥의 상황으로, 스타일 언어가되어야하는 곳에 너무 많은 논리를 구현합니까? 습관. 어떤 사람들이 그렇게하더라도, 주류 블로그는 자신의 목적을 위해 CSS에 미친 논리를 더하는 가상의 미친 사람의 말도 안됩니다. 따라서 우리는 CSS의 미래가 안전하다는 것을 알고 있습니다.

세상의 끝? 오래 전에 입니다 이 기사의 주장은 인라인 조건부 진술이 문명 종료의 선구자가 아닐 수 있음을 확인합니다. 이제 스타일 쿼리를 사용하여 동일한 기능을 달성 할 수 있다고 생각합니다.

Lea의 제안은 구문 설탕과 비슷하며 때로는 편리하며 깨끗한 마크 업을 허용합니다. CS를 망치는 인라인 조건부 진술에 대한 공황 발언은 이미 IF 문을 지원하는 언어에 3 원 운영자를 추가하는 것을 과장하는 것과 같습니다.

실제로 Lea는 그녀가 제안한 구문에 대해 다음과 같이 말했다. CSS의 조건부 진술이 금지 된 것은 아니지만 CSS가 항상 처리하는 데 능숙하지는 않습니다.

나는 조건부 Oompa loompa를 원한다!

너무. Lea의 신중하게 조직 된 놀라운 복잡한 트릭 목록에 의해 입증 된 바와 같이, 사람들은 현재 CSS를 사용하여 인라인 조건부 진술을 시뮬레이션하는 방법을 발견했습니다. 이 팁 중 일부는 너무 복잡하여 내가 이해하는지 확실하지 않지만 이름은 정말 멋지다. Lea는 다음과 같이 결론을 내 렸습니다. "다른 기술을 알고 있다면 추가 할 수 있도록 알려주십시오." 흠 ... 나는 해결해야 할이 팁에 대해 확실히 몇 가지 질문을 놓쳤다. 나는 Lea가 박사 학위를 받았고 나는 바보였습니다. 그래서 나는 위로 스크롤하고 다시 읽지 만 생각을 멈출 수는 없습니다.

이 사람들은 부품 주위에 여분의 div를 추가하고 스타일 쿼리를 사용하지 않으려 고 노력하고 있습니까?

사람들이 DOM에서 불필요한 요소를 피하고 싶다면 공정하지만 Lea의 팁 목록은 대안이 매우 복잡하다는 것을 보여 주므로 DIV를 랩핑하는 스타일 쿼리를 얼마나 멀리 떨어 뜨릴 수 있는지 시도 할 가치가 있습니다.

설득력있는 예 Lea의 예제는 프롬프트 상자에 "변형"속성을 설정하는 것을 중심으로 진행되며 스타일 쿼리로 원하는 것을 거의 구현할 수 있지만이 가정의 구문은 불행히도

:

입니다.

<code>.callout { 
  @container (style(--variant: success)) {
    border-color: var(--color-success-30);
    background-color: var(--color-success-95);

    &::before {
      content: var(--icon-success);
      color: var(--color-success-05);
    }
  }
}</code>

위 내용은 The What If Machine : CSS의 'Iffy'미래를 현재로 가져 오기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!