안녕하세요~!!
혹시 특정 클래스의 엘리먼트 속성만 지우고
따로 style을 지정해서 삽입할 수도 있을까요?
요점은 특정 클래스의 엘리먼트 css를 삭제하고
style.css에서 재정하는 것입니다!
안녕하세요~^^
해당 태그에 추가된 CSS 속성을 지우는 방법은 없습니다.
예를 들어 width 속성이 100px로 되어있다면 이것을 지우는 방법은 없으며 기본 속성을 덮어쓰기 하는 방법만 있습니다.
예를 들어 width 값을 auto로 해주시는 거죠.
모든 속성은 기본값이 있으며 width 속성의 기본 값은 auto입니다.
속성을 강제로 적용되도록 해야 한다면 !important 속성을 추가하는 방법이 있습니다.
고맙습니다.
안녕하세요.
같은 id나 클래스 등의 CSS 적용 우선순위는 파일 하단에 위치한 코드의 우선순위가 더 높습니다.
예를 들어서 아래와 같은 코드가 있다고 할 때
.test { display: none !important; }
.test { display: block !important; }
test 클래스에는 display block 속성이 적용됩니다.
반응형으로 진행하실 때 아래의 코드처럼 하시면 될 듯합니다.
.test { display: none !important; }
@media screen and (max-width: 600px) {
.test { display: block !important; }
}
여기서 포인트는 반응형 코드가 아래에 있다는 것입니다.
고맙습니다.