규칙을 덮어 쓰려고 시도합니다.

위 규칙이 두 번째 규칙을 덮어 쓸 것으로 예상했지만 그 이유는 무엇입니까?규칙을 덮어 쓰려고 시도합니다.

body div#wrap_all header#header div#header_main div.container nav.main_menu div.avia-menu ul:first-child > li a { 
    height: 50px !important; 
} 

#header_main .container, .main_menu ul:first-child > li a { 
    height: 88px; 
}

출처

2014-01-22 ziiweb

제 1 규칙이 적용되지 않았을 것으로 확신합니다. –

이 규칙을 사용하여 일부 코드를 게시 할 수 있습니까? Btw, 첫 번째 규칙의 시작 부분에서 "body div"를 제거하고 "header"와 "#header"사이에 espace를 넣으십시오. –

@Unykvis 그 이유는 wt입니까? – Anup

봅니다 첫 번째 줄에 두 번째 규칙을 추가합니다 :

body div#wrap_all header#header div#header_main div.container nav.main_menu div.avia-menu  ul:first-child > li a, 
.main_menu ul:first-child > li a{ 
    height: 50px !important; 
}

을이이 첫 번째 규칙은 그렇지 않으면 무시해야 적용되지 않는 것을 의미 작동하는 경우.

출처

2014-01-22 12:30:41

당신은 하나가 다른 점령되는 이유를 찾기 위해 당신의 CSS 규칙의 특이성을 계산한다 : 각 ID에 대한 http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

(100)를 각 속성, 클래스 또는 의사 클래스 (10)를 추가,
: 절대적으로 당신의 두 번째 규칙보다 더 구체적이고 확인해야 !important 플래그를 사용하여,

또한 각 요소 이름 또는 의사 요소에 대한 1을 추가

! 중요한 선언이 자연스럽게

이 여전히 경우가 아니라면 내가 상상

을 가지고보다 CSS 값에 더 많은 비중을 에 스타일 시트 저자에 대한 방법을 제공하는 style 속성이 나 타사 스크립트가 방해 받고 있습니다.

출처

2014-01-22 12:32:16 CodingIntrigue

에서 그것을 볼 수있다. 그래서 첫 번째 것은 더 구체적이다. 그래서 두 번째 것을 덮어 씌워야한다. 그러나 내 경우는 그렇지 않다. – ziiweb

맞다. 가능한 한 행동의 피들을보고 싶습니다. 두 번째 것이 위에 올 수있는 상황, 특히 당신의 중요한 깃발이 주어질 때를 상상할 수는 없습니다. – CodingIntrigue

다음은 jsfiddle입니다 : http://jsfiddle.net/xJ4EG/ 두 번째 코드는 적용되지 않았지만 내 코드가 적용되는 이유는 무엇입니까? – ziiweb

규칙을 덮어 쓰려고 시도합니다.

답변

관련 문제