내 CSS를 덮어 쓰는 인라인 스타일을 "비활성화"할 수 있습니까?

브라우저 확장 웹 사이트 빌더를 표시하기 위해 웹 사이트 상단에 CSS를 "오버레이"하는 Squarespace의 사용자 인터페이스를 수정하기 위해 Chrome 확장 프로그램을 작성하고 있습니다. 당신이 Squarespace의 사용자 인터페이스를 열 때내 CSS를 덮어 쓰는 인라인 스타일을 "비활성화"할 수 있습니까?

body { 
background-color: #000000; 
background-image: url("/storage/body.jpg"); 
background-repeat: no-repeat; 
background-position: top center; 
}

, 그것은 인라인 스타일로 CSS에 몇 가지 클래스를 추가합니다

은의이 내 몸의 CSS입니다 가정 해 봅시다.

{ 
padding-top: 56px; 
background-position: 50px 56px; 
}

그래서 나는 CSS 크롬 확장과 사용자 인터페이스를 수정하고있어 이후로는 기본적으로 "건너 뛰기"또는 원하는

추가되는 그 인라인 스타일을 "해제"그래서이 자동으로 내 코드에 추가됩니다. 확장 기능 CSS에서 중요한 기능을 사용할 수는 있지만 일부 웹 사이트는 다른 배경 위치를 사용할 수도 있습니다. "배경 위치 : 상단 중앙! 중요"을 넣고 싶지 않습니다. 내 연장에. 나는 또한 다른 스타일링에도 사용되기 때문에 스크립트를 사용하여 클래스를 제거하기를 원하지 않습니다.

감사합니다. 당신이 절대적으로 (외부 stylsheet에 스타일을 이동하거나 <head>에서 적어도 <style> 요소가 아닌,로) 인라인 스타일을 유지해야하는 경우

출처

2011-11-21 jasonbarone

는'! important' 인라인 스타일을 재정의 할 수있는 유일한 방법입니다. –

다음이 그대로 아니라

myElement 
{ 
    background-position: center !important; 
}

사용 CSS 방법.

Javascript를 사용하여 요소의 속성을 찾고 원하는 경우 변경할 수 있지만 !important은 인라인 스타일을 무시할 수있는 유일한 요소입니다.

http://jsfiddle.net/Kyle_Sevenoaks/TXmC7/

출처

2011-11-21 13:25:50 Kyle

내 CSS를 덮어 쓰는 인라인 스타일을 "비활성화"할 수 있습니까?

답변

관련 문제