CSS 속성

What do the crossed style properties in Google Chrome devtools mean?CSS 속성

의 오버라이드를 중지 우측 '스타일'바는 대응하는 CSS를 특성을 나타낸다. 때로는 이러한 속성 중 일부가 파업에 시달립니다. 이러한 속성은 무엇을 의미합니까?

대답 - https://stackoverflow.com/a/3047117/2232902 그것은 교차 아웃 스타일을 적용, 그러나보다 구체적인 선택, 더 로컬 룰에 의해 무시 된 것을 의미한다

, 또는 같은 내 나중에 재산 로 규칙.

이 동작을 방지하는 방법이 있습니까?
ie- 속성의 재정의를 중지합니다.

주 - 선택기를 제어 할 수 없습니다.

2014-12-05 rahulroy9202

게시 된 웹 사이트에있는 경우 하나 또는 두 개의 속성 만 변경하면 언제든지 속성을 두 번 클릭하고 마지막에! important를 추가 할 수 있습니다. 자신의 사이트 인 경우 CSS 파일 아래로 규칙을 배치하거나보다 구체적인 선택인지 확인하십시오. ** 참고 : ** 스타일을 인라인으로 배치하는 것은 정확하게 '개발자 친화적이지는 않지만'옵션이 될 수도 있습니다 (사전 순서가 더 높음). – jbutler483

속성이 유효하지 않을 수도 있습니다. 또한 크롬 개발자 도구에서도 유효합니다. '! '기호가있는 노란색 삼각형) –

CSS 코드에 세미콜론 앞에 !important을 추가 할 수 있습니다.

.example-class { 
    width: 500px !important; 
}

당신은 here

출처

2014-12-05 10:50:43 dqiu

은별로, 즉 브라우저가 페이지를 렌더링하는 방법은 그것을 읽을 수 있습니다.

.example { 
    color: red !important; 
}

을 또는 당신은 페이지가로드 된 후 요소의 스타일을 변경하는 자바 스크립트를 사용할 수 있습니다

당신은 당신의 CSS에 중요한 스틱 수 있습니다.

출처

2014-12-05 10:53:19

답변

관련 문제