스타일은 이상하게

Question

정말 이상하게 계단식 된 인라인 스타일이 계단식된다.

은 내가 <ul>로 만든 메뉴가 나는 사용자가 페이지에 때 <li>에 현재 페이지 링크의 배경색이 녹색 있도록 만들고 싶어. 나는 background-color: #288E3A;으로 ID를 생성하여 이런 짓을하지만, 메뉴의 ID 후 배치에도 불구하고, 나는 현재 <li> 회전 녹색을 할 수 없습니다. 내가 작동하도록 할 수있는 유일한 방법은 !important을 사용하는 것이지만, 그 해결책을 사용하는 데 자신을 동원 할 수는 없습니다. -shudder-

나는 이것이 아마 내가 놓친 게 정말 간단 뭔가 느낌이있다. 누군가 내가 잘못 갔는지 설명 할 수 있습니까? 당신이 늘 필요 있도록 첫 번째 자식을 지정하는 CSS를 사용할 수있는 더 좋은

#menu ul li#current_page{ 
    background:#288E3A; 
} 

을 :

#menu ul { 
 
    padding: 15px; 
 
    list-style-type: none; 
 
} 
 
#menu ul li { 
 
    background-color: #363636; 
 
    margin: 0px 0px 15px; 
 
    line-height: 50px; 
 
    padding: 0px 5px 0px 5px; 
 
} 
 
#current_page ul li { 
 
    background: #288E3A /*!important*/; 
 
}

<div id="menu"> 
 
    <p>MAIN MENU</p> 
 
    <div id="button_container"> 
 
    <ul> 
 
     <li id="current_page">HOME</li> 
 
     <li>CAR LOANS</li> 
 
     <li>AUTO LOAN REFINANCING</li> 
 
     <li>AUTO CALCULATORS</li> 
 
     <li>TOOLS AND RESOURCES</li> 
 
    </ul> 
 
    </div> 
 
</div> 
 
<div id="content_container"> 
 
    <img src="img/cf_mobile_website-4.jpg" /> 
 
</div>

Answer 1

당신의 CSS를 잘못 요소를 지정하는 것입니다, 당신이 원하는 것은 이것이다

#menu ul li:first-child{ 
    background:#288E3A; 
}