CSS 클래스 선택기 문제

Question

왜 작동하지 않습니까? 저는 CSS를 처음 접했고 다음과 같은 이유가 작동하지 않는 이유를 모르겠습니다.

<div id="nav"> 
    <ul id="tabnav"> 
     <li class="selected"><a href="index.php">Tab One</a></li> 
     <li><a href="index2.html">Tab Two</a></li> 
     <li><a href="index3.html">Tab Three</a></li> 
     <li><a href="index4.html">Tab Four</a></li> 
    </ul> 
</div> 

CSS :

ul #tabnav li.selected { 
    background-color: #f00; 
} 

Answer 1

아이 ul 요소의 같은 ID tabnav에 어떤 요소가 없기 때문에.

중 하나 ul

#tabnav li.selected { 
    background-color: #f00; 
} 

를 제거하거나 위의 응답하도록 ul

ul#tabnav li.selected { 
    background-color: #f00; 
} 

Answer 2

추가로 첨부 : 나는 CSS를 배경 색 처리하는 방법을 잘 몰라
: #의 F00을; 16 진수 값은 6 자릿수 여야합니다. (이 처음 나타내는 빨강, 다음 파란색과 녹색 마지막)

background-color:#FF0000; 

Answer 3

시도 :

<style type="text/css"> 
#nav #tabnav li.selected { 
    background-color: #f00; 
} 
</style>