'유용한가?

신이 나는 재미있다.

공통 부모가있는 상당히 반복적 인 선택기가있을 때마다 아마도 다음을 사용할 수있는 곳일 것입니다.

Holger Bartel은 다음과 같이 시연합니다.

 섹션 섹션 H1, 섹션 H1, 섹션 제외 H1, 섹션 NAV H1, 섹션 섹션
기사 섹션 H1, 기사 H1, 기사 제외 H1, 기사 Nav H1,
섹션 H1, 제외, 기사 h1, h1을 제쳐두고 Nav H1을 제외하고
NAV 섹션 H1, NAV Article H1, NAV 제외 H1, NAV NAV H1 {
  글꼴 크기 : 20px;
}

:

 : is (섹션, 기사, 따로, Nav)
: is (섹션, 기사, 제쳐두고, nav) h1 {
  글꼴 크기 : 20px;
}

Adam Argyle은 다음과 같이 시연했습니다.

#CSS

: () 선택기입니까?
후임자 : Any () 및 : matches ()

우리의 대화에 몰래 정점에 이르렀습니다. XD로 만든 깔끔한 gif가 있습니다 : is () 선택기 구문이 할 수있는 일 Chrome Dev Summit y'all! https : //t.co/0r2ccux9hv pic.twitter.com/wsugosdlvz에 흥분하십시오

- Adam Argyle (@argyleink) 2019 년 11 월 7 일

MDN에는 추가 극적인 것이 있습니다.

 ol ul ul, ol ul ul, ol 메뉴 ul, ol dir ul,
ol ol 메뉴, ol ul 메뉴, ol 메뉴 메뉴, ol dir 메뉴,
ol ol dir, ol ul dir, ol 메뉴, ol dir dir,
Ul ul, Ul Ul, Ul Menu ul, Ul Dir Ul,
ul ol 메뉴, ul ul 메뉴, UL 메뉴 메뉴, Ul Dir 메뉴,
ul ol dir, ul ul dir, ul menu dir, ul dir dir,
메뉴 Ol ul, 메뉴 UL, 메뉴 메뉴 UL, 메뉴 Dir Ul,
메뉴 OL 메뉴, 메뉴 UL 메뉴, 메뉴 메뉴, 메뉴 딥 메뉴,
메뉴 ol dir, menu ul dir, menu menu dir, menu dir,
dir ol ul, dir ul ul, dir menu ul, dir ul ul,
Dir ol 메뉴, Dir Ul 메뉴, Dir 메뉴 메뉴, Dir Dir 메뉴,
dir ol dir, dir ul dir, dir menu dir, dir dir dir {
  목록 스타일 유형 : 정사각형;
}

 : is (ol, ul, menu, dir) : is (ol, ul, menu, dir) ul,
: is (ol, ul, menu, dir) : is (ol, ul, menu, dir) 메뉴,
: is (ol, ul, menu, dir) : is (ol, ul, menu, dir) dir {
  목록 스타일 유형 : 정사각형;
}

코드가 적고 추론하기가 더 쉽습니다.

Kezz Bracey는 다음과 같은 쌍을 이루는 다음과 같이 지적합니다. ()도 좋을 수 있습니다.

 : NOT (기사, 섹션, 제외) : is (H1, H2, H3, H4, H5, H6) {
  글꼴 중량 : 400;
}

브라우저 지원이 막 시작되기 시작하고 폴리 칠이 어렵 기 때문에 우리는 일상적인 사용 수준이 아닙니다. 너무 멀지 않을 것입니다.

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