div 클래스에있는 경우 CSS의 색상이 변합니다.

Question

클래스 footer-list에 div 클래스가 있는데 li의 모든 텍스트를 흰색으로 변경해야합니다.

 <div id="footer-middle-left-right"> 
         <div class="footer-list"> 
          <ul> 
           <li>FAFSA Guide</li> 
           <li>Scholarship Finder</li> 
           <li>State Education</li> 
           <li>Ready UP</li> 
          </ul> 
         </div> 
         <div class="footer-list"> 
          <ul> 
           <li>Terms of Service</li> 
           <li>Privacy Settings</li> 
           <li>FAQ</li> 
          </ul> 
         </div> 
         <div class="footer-list"> 
          <ul> 
           <li>How it Works</li> 
           <li>Submit a School</li> 
           <li>Submit a Professor</li> 
           <li>Report a Misspelling</li> 
          </ul> 
         </div> 
</div> 

은 분명히 모든 리튬에 다른 클래스의 요소를 추가 잔인한, 정말 유지 보수하지 : 같은

HTML 보인다. 임 꽤 새로운 CSS를하고 올바른 방법을 알아낼 수 없다는 모든 li을 선택합니다.

.footer-list.li{ 
    color: white; 
} 

아무 소용이 :

내가 좋아하는 뭔가를 시도했다. 이것에 대한 도움, 추천 한 독서, 또는 어떤 다른 CSS 통보든지 크게 평가 될 것입니다! 이 백엔드 녀석의 더 많은 것 그래서 이것이 처음으로 나는 이것의 CSS 부분에 대해 정말로 걱정해야했다. 그래서 그것은 나를 잃어 버렸다. 클래스가 있으므로이

.footer-list li { /* This selects li inside the class .footer-list */ 
    color: #fff; /* Even white is fine */ 
} 

을 시도하거나 더 구체적으로하고 사용하십시오 . 그것을 만드는 li 전에

Answer 1

사실 당신은 추가

.footer-list ul li { /* Will apply to li which are inside ul which is inside .footer-list only */ 
    color: #fff; 
} 

Answer 2

당신의 선택 :

.footer-list.li{ 
    color: white; 
} 

"두 클래스 모두 footer-list와 li을 사용하여 요소를 선택하십시오." 이 클래스 바닥 글 목록과 모든 요소 내의 모든 <li>을 선택합니다

.footer-list li{ 
    color: white; 
} 

:

: 이것은 당신이 원하는에 대한 잘못된

, 당신은 그들 사이에 공백을 추가하고 점을 제거해야

Answer 3

그냥 내가 가지 바른 길에, 내가 비록 리튬이 자동으로 하나의 클래스했다 것을

.footer-list li{ 
    color: white; 
}