같은 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; }
}

여기서 포인트는 반응형 코드가 아래에 있다는 것입니다.

고맙습니다.

!important를 사용하게되면 반응형을 진행할때 문제가 생기게되서 최대한 안쓰려고합니다...

게시판 컨텐츠부분 글쓰기에 style을 입히고싶은데 엘리먼트 속성말고는 css가 들어가지 않습니다.

혹시 게시판 컨텐츠부분에 style을 입힐 수 있는 방법이 있을까요?

제이쿼리는 테스트해보았지만 동작하지 않았습니다!

항상 감사드립니다.

해당 태그에 추가된 CSS 속성을 지우는 방법은 없습니다.

예를 들어 width 속성이 100px로 되어있다면 이것을 지우는 방법은 없으며 기본 속성을 덮어쓰기 하는 방법만 있습니다.

예를 들어 width 값을 auto로 해주시는 거죠.

모든 속성은 기본값이 있으며 width 속성의 기본 값은 auto입니다.

속성을 강제로 적용되도록 해야 한다면 !important 속성을 추가하는 방법이 있습니다.

고맙습니다.