Uncatchable HTML div

Question

나는 불가능하다는 것을 알고 있지만, 아직 여기 있습니다. 나는 uncatchable HTML div를 가지고있다. 여기

html.js body.html div#page-wrapper div#page div#main-wrapper.clearfix div#main.clearfix div#sidebar-second.sidebar div.section div.region-sidebar-second div#block-ipdc-user-profiel.block-ipdc div.content { 
    color: red; 
} 

내 사업부입니다 : 여기

내 CSS 선택기입니다 ... 난 내 CSS 선택기로 가 과장로했지만,이 div에에 내가 잡아 수 없습니다 :

아직 색이 빨간색으로 변하지 않습니다 ... 무엇을 놓치고 있습니까?

Answer 1

코드에 아무런 문제가 없습니다.

!important 규칙을 제외하고는 특수성이 너무 높아서 다른 것으로 재정의하는 것이 거의 불가능합니다.

는 또한

---

두 시나리오 모두

영향을 실제로 지배하는 볼 불을 지르고에서 스타일 탭을 선택하여 확인할 수 있습니다 ..이 규칙이 실제로이 페이지에 포함 이 있는지 확인해야합니다 요소.

Answer 2

어떨까요?

#block-ipdc-user-profiel .content { 
    color: red; 
} 

# 블록-IPDC 사용자-profiel가 ID이기 때문에 위의 CSS는 당신이 필요로하는 모든 것을해야합니다 있도록 하나의 페이지가 있어야한다.

Answer 3

더 간단한 선택기로 시작하여 Firebug의 CSS 패널에서 해당 div에 적용되고 있는지 확인해야합니다. 그런 다음

이 뭔가에 의해 오버라이드 (override) 및 그 인접 규칙의 우선 순위가 무엇 확인 되 고 있는지 확인

(이 사용하고있을 수 있습니다! 중요)

Answer 4

을 먼저하고 simpliest 하나는 다른 선택을 시도 ... 당신까지 당신이 그것을 잃는 곳을 참조하십시오.

.content { 
    color: red; 
}