CSS 스타일 참조에서 인라인 CSS 스타일 복제

Question

CSS 파일 내 특정 div의 CSS를 수정하려고합니다. 인라인 스타일은 여기에 표시됩니다 :

div class="widget-area ten columns marT20 left" style="width: 16%; margin: 0px 0px 0px 17px; padding-top: 100px; 

내가 특정 div 요소를 참조하는 외부 CSS 파일에 위의 인라인 스타일을 복제 할 수있는 방법

? 여기 내 시도 :

div.widget-area ten columns marT20 left element.style { 
     margin:0 0 0 17px; 
     padding-top:100px; 
     width:16%; 
    } 

CSS의 위 않는 div 요소에 출력하지 원하는 변화.

감사합니다,

Answer 1

widget-area, ten, columns 등은 모두 개별 클래스입니다. 즉, CSS 스타일 시트에는 모두 클래스 식별자 (.)가 있어야합니다.

5 개 클래스를 모두 포함하는 div를 타겟팅하려는 경우 해당 클래스에 가입해야합니다. element.style은 필요하지 않습니다. 즉 인라인 스타일 (따라서 어떤 클래스 이름)

div.widget-area.ten.columns.marT20.left { 
    margin:0 0 0 17px; 
    padding-top:100px; 
    width:16%; 
} 

시도가있을 때 방화범 및 기타 검사 클래스의 이름을 무엇인가

Answer 2

인라인 스타일 선언은 CSS 클래스 선언을 무시

AME.

JavaScript를 사용하여 인라인 스타일을 삭제하고 기존 CSS 클래스로 폴백하거나 인라인 스타일 속성에있는 내용을 다시 정의해야합니다.

두 경우 모두 자바 스크립트가 필요합니다.