Chọn phần tử bên trong Div để trang trí CSS

Question

Tôi đang tìm cách đưa màu đen cho từng phần tử "a" bên trong lớp danh sách. Làm thế nào tôi có thể chọn phần tử "a" từ lớp danh sách trong CSS để đạt được điều này?

<ul class="listing"> 
     <li><a href="#">Jobs</a></li> 
     <li><a href="#">Advertising</a></li> 
     <li><a href="#">Brands</li> 
     <li><a href="#">Small Businesses</a></li> 
     <li><a href="#">FAQ</a></li> 
     <li><a href="#">Privacy Policy</a></li> 
    </ul> 

Answer 1

Cách đơn giản nhất:

ul.listing li a { 
    color: black; /* or #000; */ 
} 

Answer 2

ul.listing li a { 
    color: black; 
} 

Answer 3

.listing a { color: #000; }

Mặc dù, nếu bạn đã xác định sử dụng các lớp học giả ở những nơi khác, bạn có thể cần:

.listing a:link, .listing a:visited { color: #000; }