CSS 일괄로 부모를 지정해줄수 있을까요?
CMS/프레임워크 | Rhymix 2.0 |
---|---|
개발 언어 | PHP 7.4 |
예를들어
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,table,th,td{margin:0;padding:0;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
.kinTitle h1, .cate_title, .tab_header, .lst_mbinfo .r, .w_title, .tab_horizontal{color: #3A3A3A;font-family: 'Noto Sans KR','나눔고딕','NanumGothic','돋움',dotum,Helvetica,sans-serif;font-size: 14px;}
이런코드가 있으면
부모안에서 해당 태그들의 CSS 적용이 필요합니다
#content 안에서만 해당css만 적용이 되어야 하는데
위코드를 일일이
#content html{overflow-y:scroll}
#content body,#content div,#content dl,#content dt{margin:0;padding:0;}
이런식으로 자식앞에 부모를 붙여주는게 아니라 일괄로 부모를 지정해주는 방법이 있을까요?
#content {
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,table,th,td{margin:0;padding:0;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
.kinTitle h1, .cate_title, .tab_header, .lst_mbinfo .r, .w_title, .tab_horizontal{color: #3A3A3A;font-family: 'Noto Sans KR','나눔고딕','NanumGothic','돋움',dotum,Helvetica,sans-serif;font-size: 14px;}
}
이런식이라던지..
댓글 3
하나 팁을 드리자면 css코딩 스탠다드를 항상 세로로 정렬 시키도록 만들어서 쉼표항목도 굳이 필요한 상황이 아니라면 모두 세로로 정렬하도록 해보세요.
#content h1,
#content span,
#content div,
등등
#content ol {
display:block;
marin:0;
~~~
}
이렇게 갈호안에 값들도 모두 세로로 정렬하게끔 작성하시는 습관 들어두시면 일부 에디터에서 지원되는 멀티 커서 기능을 이용하여 한번에 여러개의 커서 생성한다음 추가 하거나 제거하기가 더 수월해집니다.
기본중에 기본은 코드를 유지보수 하기 편하고 간결하게 하는 것 입니다.
감사합니다
라이믹스에서는 scss도 지원해주고 있으니 해당 부분으로 scss배우셔서 코딩해보시는것도 나쁘지 않습니다 :)