CSS를 #ID

Question

으로 수정할 수 없습니다. 그걸로 시작하는 방법은 내 종류의 메뉴가 지금과 같은 모양입니다.

문제는 dsasdf의 사업부도 이러한 배경에서 경계선 볼 수 있어야한다는 것입니다.

나의 현재 HTML 코드는 다음 #m_news에 대한

div#cr{ 

    /*background-color:#1a0f08;*/ 
    float:right; 
    padding:10px; 
    width:260px; 
    height:100%; 
} 
div#cr div{ 
    background-image:url("../img/bg_post.jpg"); 
    background-position:0px -5px; 
    background-repeat:repeat-x; 
    border-radius:2px; 
    color:#663b20; 
    margin-top:5px; 
    height:80px; 
    padding:8px; 
} 
div#cr div:hover{ 
    border:1px solid #bd8100; 
    color:#FFF; 
} 

그리고 CSS :

div#m_news{ 
background-image:url("../img/menu/messages.gif"); 
border:0; 
} 

#cr에 대한

이

<div id='cr'> 
     <div> 
      NEWS 
      <div id="m_news">dfadf</div> 
     </div> 
</div> 

CSS 문제는 그 m_news ID는 #cr에 의해 설정된 CSS를 일반 페이지 수정과 비슷하게 수정하는 것이 불가능합니다. 인터넷에서이 문제에 대한 해답을 찾으려고했지만, CSS 코드의 위치에 따라 달라질 수 있습니다. 그러나 순서를 변경하려고 시도했지만 어느 것도 작동하지 않습니다.

div # cr div가보다 div # m_news이 아닌 이유는 무엇입니까?

또한 ID를 설정하지 않으려면 DIV에서 CSS를 가장 많이 설정할 수 있습니까? 내 말은 는

어떻게 #의 ID1에서하지만 다른 큰 하나를 수정하지 않고 작은 상자에 새로운 CSS를 설정할 수 있습니다?

Answer 1

div#cr div은 div#m_news보다 우선합니다. 당신은 div#cr div#m_news으로 바꿀 수 있습니다.

특이성에 대한 자세한 내용은 Understanding Style Precedence in CSS: Specificity, Inheritance, and the Cascade을 참조하십시오.

당신은 우선 순위가 다음과 같이 정렬되는 것을 볼 수 있습니다

• 요소, 의사 요소 : 0,0,0,1
• 클래스, 의사 클래스, 특성 : 0,0, 1,0
• ID : 0,1,0,0
• 인라인 스타일 : 1,0,0,0
그래서 이것에 따르면

15,:

div#cr div 중 특이성을 갖는다 div#m_news는 "전용"0,1,0,1 중 하나를 갖는 반면 0,1,0,2.