CSS, :is()

https://developer.mozilla.org/en-US/docs/Web/CSS/:is

:is() (:matches(), :any()) - CSS: Cascading Style Sheets | MDN

위 내용을 참고하였습니다.

 

기존 CSS에서는 여러 선택자에 대하여, 중복된 선택자를 반복해서 선언이 필요했습니다.

div div,
div a {
}

 

:is 기능을 사용하면 아래와 같이, 중복된 선택자에 대해서는 1번만 선언하고 중복되지 않은 선택자만 입력하면 됩니다.

div :is(div, a) {
}

크롬 88버전, 21년 01월 20일부터 적용됩니다.

https://chromiumdash.appspot.com/releases?platform=Windows 

Chromium Dash

 

인터넷 익스플로러는 업데이트가 진행되지 않아 적용되지 않으므로, 해당 기능을 사용시 인터넷 익스플로러에서는 정상적으로 작동하지 않을 수 있습니다.

인터넷 익스플로러는 22년 06월 15일부터 브라우저 지원을 중단하므로 아래 링크를 참조해주세요.

https://blog.naver.com/adtkorea77/222376413229

[보안툰] ‘인터넷 익스플로러(IE)’가 종료된다? 종료 이유와 대체 브라우저 알아보기