CSS '장식'

이 기사에서는 프로세서 지시문이 포함 된 "CSS 장식 Decorators"(CSS 장식 Decorators)와 RTL (Right to-Left) 언어 및 코드 형식을 처리하는 데 사용됩니다. 명확성과 개선 된 흐름을 위해 그것을 다시 제출합시다.

이 기사는 Wikipedia 's Common.css에서 CSS 장식 스 니펫을 검사함으로써 시작됩니다.

 .mw-collapsible-leftside-toggle .mw-collapsible-toggle {
  / * @noflip */
  플로트 : 왼쪽;
  / * @noflip */
  텍스트 정렬 : 왼쪽;
}

저자는 /* @noflip */ 의 목적에 의문을 제기하여 CSS 장식 데코레이터로 식별합니다. 본질적으로 프로그래밍 기능을 가진 주석입니다. 이 기능은 RTL 스타일 시트를 생성하는 CSS 장식JANUS (Wikimedia에서 사용)와 같은 도구로 처리 할 때만 나타납니다. 이 경우 float: left float: right 및 text-align: left text-align: right .

저자는 text-align: start 사용하는 것이 RTL 컨텍스트에서 텍스트 정렬을 처리하기위한보다 현대적이고 강력한 접근법이라고 제안하여 CSS 장식 처리가 필요하지 않다고 제안합니다. float 에는 직접적인 동등한 것이 없지만 레이아웃 리팩토링 (잠재적으로 CSS 장식 그리드를 사용)이 솔루션을 제공 할 수 있습니다.

그런 다음이 기사는 RTL 변환을위한 CSS 장식 프로세서의 역사, CSS 장식JANUS, 현재 건전한 css-flip 및 더 이상 사용되지 않는 postcss-rtl 언급합니다. 이 도구는 RTL 지원을위한 조정이 필요한 광범위한 CSS 장식 속성 목록 ( float , text-align , margin , padding 등)을 강조합니다.

저자는 또 다른 일반적인 CSS 장식 데코레이터 /* prettier-ignore */ 소개함으로써 결론을 내립니다. 이 지침은 더 예쁜 코드 포맷터가 수동으로 포맷 된 CSS 장식를 변경하여 저자의 선호 스타일을 유지하는 것을 방지합니다. 이 기사는 독자들에게 프로젝트에서 CSS 장식 데코레이터 사용에 대해 묻음으로써 끝납니다.

위 내용은 CSS '장식'의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!