UL UL 리

Question

이봐, 내가 만들려고 노력하고 있어요 색상에 응답하지 않은하십시오 nav 색상

ul ul li a을 #FFF

하지만 아무리 내가 뭘 나는이 것을 할 수있다 생각을 변경할 수 없습니다 :

ul li a이 영향을 미치지 만, #FFF?

내 목표는 어두운 배경에 흰색 텍스트, 흰색에 검정색 텍스트 hover입니다.

여기에 지금까지 내 코드입니다 :

CSS :

nav ul ul li 

{ 
    background: #4a4a4a; 
    float: none; 
    position: relative; 
    color: #FFF; 
} 

    nav ul ul li a 

{ 
    color: #FFF; 
    padding: 10px 51px; 
} 

    nav ul ul li a:hover 

{ 
    background: #FFF; 
    color: #000; 
} 

HTML :

<nav> 
       <ul> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Services</a></li> 
        <li><a href="#">Our Prices</a></li> 
        <li><a href="#">Web Design</a> 
         <ul> 
          <li><a href="#">Portfolio</a></li> 
          <li><a href="#">Pricing</a></li> 
         </ul> 
        </li> 
        <li><a href="#">Consulting</a></li> 
        <li><a href="#">Quick Hire</a></li> 
       </ul> 
      </nav> 

어떤 도움도 큰 감사 것입니다 :).

Answer 1

이 URL은 이미 방문한 URL로 브라우저가 다른 색상으로 표시합니다.

a 대신 a:visited을 CSS 선택기에 추가하십시오.

nav ul ul li a, nav ul ul li a:visited 

Answer 2

나는 당신이 여기 같은를 달성하려고 생각 :

JSbin Demo

 
    nav ul ul li 
    { 
    background: #4a4a4a; 
    float: none; 
    position: relative; 
    color: #FFF; 
    } 

    nav ul ul li a 
    { 
    color: #FFF; 
    padding: 0px 51px; 
    } 

    nav ul ul li:hover 
    { 
    background: #FFF; 
    } 

    nav ul ul li:hover a 
    { 
    background: #FFF; 
    color: #000; 
    } 
    nav ul ul li a:hover 
    { 
    background: #FFF; 
    color: #000; 
    }