[HTML / CSS] CSS사용자 지정속성을 제외한 모든 속성 초기화 all property

 

초깃값, 상속값 다른 스타일시트 출처의 값으로 설정이 가능한 것!

/* 전역 값 */
all: initial;
요소의 모든 속성을 초깃값으로 변경

all: inherit;
요소의 모든 속성을 상속값으로 변경

all: unset;
요소의 모든 속성을, 속성이 값을 상속하는 경우 상속값으로, 아니면 초깃값으로 변경

/* CSS Cascading and Inheritance Level 4 */
all: revert;
선언이 속한 스타일시트의 출처에 따라 다른 동작

unset과 동일

<blockquote id="quote">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>
Phasellus eget velit sagittis.


body {
  font-size: small;
  background-color: #F0F0F0;
  color: blue;
}

blockquote {
  background-color: skyblue;
  color: red;
}

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

 

 

내가 적용했던 예로는 swiper 슬라이드 사용시 active나 after에 적용된 css를 없애려는 방법으로 사용했다!

ex) .swiper-button-next:after, .swiper-button-prev:after에 적용함

 

앞으로도 잘 써보자