아랄라랄라
R 스토리
아랄라랄라
전체 방문자
오늘
어제
  • All (199)
    • Web (145)
      • Markup | WEB (9)
      • Styles (45)
      • javascript (32)
      • jquery (28)
      • vue (16)
      • react (10)
      • more (5)
    • IT (32)
      • CS (3)
      • git hub (5)
      • UI | UX (18)
      • more (6)
    • ETC (22)
      • 이슈노트 (12)
      • 스터디 (10)
      • 아랄라 ☞☜ (0)
      • JOB🛠 (0)

인기 글

반응형
hELLO · Designed By 정상우.
아랄라랄라

R 스토리

Web/Styles

[CSS] !important를 대체할 :all

2021. 5. 31. 15:03

 

클래스 우선순위를 높이기 위해 최후의 방법으로 많이 쓰는 !important

쓸때는 편하지만 자칫 !important 남발이 일어날수가 있다.

 

그럴 때는 all 을 사용해서 초깃값으로 세팅해줄 수 있다.

(!important가 미리 선언되어 있다면 안먹힌다.)

 

https://jsfiddle.net/Kimara/73aj9pz0/21/

 

 

 

 

 

 

 

 

https://developer.mozilla.org/ko/docs/Web/CSS/all

 

all - CSS: Cascading Style Sheets | MDN

CSS all 단축 속성은 요소의 unicode-bidi (en-US), direction (en-US), CSS 사용자 지정 속성을 제외한 모든 속성을 초기화합니다.

developer.mozilla.org

 

728x90
저작자표시 비영리 (새창열림)

'Web > Styles' 카테고리의 다른 글

[SVG] svg 백그라운드로 사용하기  (0) 2021.11.18
[CSS] 배경 필터 backdrop-filter  (0) 2021.09.27
[CSS] 국가별 기본 웹폰트  (0) 2021.04.29
[CSS] css 선언 순서  (0) 2021.03.19
[CSS] 모서리 자르기  (0) 2020.12.29

티스토리툴바