https://inpa.tistory.com/entry/%F0%9F%8C%9F-css-where-is-has-not

 

🌟 CSS 선택자를 모던하게 :where() / :is() / :has() / :not()

:where() 가상 선택자 :where 의사 클래스 선택자는 css 코딩할때 선택자의 중복을 줄이는 데 도움이 되는 녀석이다. 예를들어 다음과 같이 여러 엘리먼트 안에 있는 anchor 태그에 hover 효과를 주기위

inpa.tistory.com

 

 

https://inpa.tistory.com/entry/CSS-%F0%9F%93%9A-%EC%B5%9C%EC%8B%A0-CSS-%EA%B8%B0%EB%8A%A5-%F0%9F%8E%A8-supports

 

[CSS] 📚 최신 CSS 기능 지원여부 확인 🎨 @supports

@supports 최신 스펙의 css값을 사용할 때, 해당 css를 제공하는 브라우저에 따라 맞춤형으로 적용할 수 있게 css를 선언할 수 있다. 방법은 바로 @supports 문법(기능 쿼리, feature query)을 이용하는 것이

inpa.tistory.com

 

 

 

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

 

@supports - CSS: Cascading Style Sheets | MDN

The @supports CSS at-rule lets you specify CSS declarations that depend on a browser's support for CSS features. Using this at-rule is commonly called a feature query. The rule must be placed at the top level of your code or nested inside any other conditi

developer.mozilla.org

 

 

 

반응형

+ Recent posts