element.style이란 무엇이며 왜 내 CSS 설정을 재정의합니까?

전체 화면이 회색으로 나타나는 담요 div 위에 나타나는 팝업이 있지만 위치가 마음에 들지 않습니다. 따라서 수동으로 left: 및 top: 요소를 CSS에 입력하려고 시도했지만 Chrome 콘솔을 보면 element.style {}이 내 코드를 재정의했습니다.element.style이란 무엇이며 왜 내 CSS 설정을 재정의합니까?

element.style 및 597px 및 794px에 대한 CSS 파일을 검색했으며 그 중 어떤 것에도 히트를 표시하지 않았습니다.

이것은 무엇이며, 왜 그 값을 가지고 있습니까?

enter image description here

출처

2015-02-05 Brian Powell

element.style는 CSS 선택자보다 더 specificity value 높은이있는 요소의 인라인 스타일을 나타내는 브라우저 DevTools로의 일부입니다.

자바 스크립트 코드로 인라인 스타일을 추가 할 수 있습니다. 그렇다면 스타일 시트에서 !important 키워드 (예 : left: 610px !important)를 사용하여 해당 선언을 재정의 할 수 있습니다.

출처

2015-02-05 20:27:21

멋진

#popUpDiv[style]{ left:610px !important; top:0px !important; }

HTH 합니다. 그건 의미가 있습니다. 그 원인이되는 JavaScript가있을 것입니다. –

아마도 javascript로 조작하고 설정 한 것입니다 (개발자 도구 콘솔에서 element.style {}을 직접 수정했거나 편집 한 것). #popupDiv

출처

2015-02-05 20:30:34 thanix

element.style의 표시, 위쪽 및 왼쪽 속성을 변경 자바 스크립트 코드에 대한

봐는 DOM 요소에 스타일을 인라인 의미합니다. 예를 들어 :

는

<p style="color:#cc0000;">Foo</p>

그 단락의 색상은 element.style 아래에 표시됩니다.

이 작업을 수행하여 CSS를 수정할 수 있습니다 -Ted

출처

2015-02-05 20:43:36 Ted

element.style이란 무엇이며 왜 내 CSS 설정을 재정의합니까?

답변

관련 문제