320x100
그냥 얼마전에 링크드인 둘러보다가 알게 된 :is 선택자!
CSS4에 추가된 사항으로 코드를 상당 부분 줄일 수 있고 가독성에도 큰 효과를 보지 않을까 싶다....!
와웅,,,, CSS는 무궁무진 계속 성장중! 물론 익스플로어에서는 안된다ㅋ
밑에 codesandbox를 간단히 확인해볼 수 있게 만들었다 :)
CSS4 에 추가된 내용이고 아래에 자세한 설명은 볼 수 있다. :where 선택자도 비슷한데, 우선순위에 있어서 차이가 있는 것 같다.
https://www.w3.org/TR/selectors-4/#matches-pseudo
Selectors Level 4
www.w3.org
반응형
'Developer > CSS' 카테고리의 다른 글
| 코드관리와 퍼포먼스 관점에서의 CSS-in-JS vs CSS in CSS (1) | 2024.07.03 |
|---|---|
| css 애니메이션, position대신 transform으로 하면 좋은 이유(예제 포함) (0) | 2024.04.17 |
| 웹폰트 간단하게 적용하기 (0) | 2022.09.04 |