Extra Form
PHP PHP 7.4
CMS Rhymix 2.0

예를들어

 

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

}

이런식이라던지..

 

 

  • profile
    에디터 영역이라.. 에디터에서 하나하나 일일이 다 지정해줘야 합니다.

    하나 팁을 드리자면 css코딩 스탠다드를 항상 세로로 정렬 시키도록 만들어서 쉼표항목도 굳이 필요한 상황이 아니라면 모두 세로로 정렬하도록 해보세요.

    #content h1,
    #content span,
    #content div,
    등등
    #content ol {
    display:block;
    marin:0;
    ~~~
    }


    이렇게 갈호안에 값들도 모두 세로로 정렬하게끔 작성하시는 습관 들어두시면 일부 에디터에서 지원되는 멀티 커서 기능을 이용하여 한번에 여러개의 커서 생성한다음 추가 하거나 제거하기가 더 수월해집니다.

    기본중에 기본은 코드를 유지보수 하기 편하고 간결하게 하는 것 입니다.
  • profile ?
    scss 컴파일 사용하여 한번에 해결했습니다
    감사합니다
  • ? profile
    아 scss쓰셔도 됩니다.

    라이믹스에서는 scss도 지원해주고 있으니 해당 부분으로 scss배우셔서 코딩해보시는것도 나쁘지 않습니다 :)