Thay đổi một liên kết kiểu, chỉ cho một lớp nhất định

Question

Tôi muốn thay đổi các liên kết kiểu cho một số liên kết của tôi, như thế này:

a:hover 
{ 
    /* These links will be blue when hovered-over */ 
    background-color: #3366FF; 
} 

Tuy nhiên, tôi chỉ muốn này có hiệu lực trong Navigation tôi Bar, và không cho các liên kết thường xuyên. biến

Tôi đã cố gắng về điều này:

#navbar a:hover 
{ 
    /* These links will be blue when hovered-over */ 
    background-color: #3366FF; 
} 

Với dự định nghĩa "này chỉ áp dụng cho các liên kết với <div id="navbar">"
Nhưng nó đã không làm việc.

Tôi làm cách nào để đặt kiểu cho chỉ một số liên kết nhất định, được xác định bởi class hoặc id trong vùng chứa của chúng?

Answer 1

Có thể các liên kết đã thử nghiệm của bạn là các liên kết được truy cập. Tôi thích:

#navbar a:hover, 
#navbar a:visited 
{ 
    background-color: #3366FF; 
} 

Answer 2

Tôi nghĩ bạn có thể muốn sử dụng thuộc tính "màu" ở đây thay vì "màu nền".

Nếu tình cờ bạn thực sự làm muốn thay đổi màu nền, hãy nhớ rằng các liên kết hiển thị nội dòng và không có hình chữ nhật lớn, thoải mái xung quanh, do đó tùy thuộc vào màu nền của vùng chứa, nó có thể không đáng chú ý . (Đây có lẽ không phải là trường hợp, nhưng tôi đã ném điều đó trong trường hợp các liên kết của bạn rất nhỏ.)

Cuối cùng, vì màu xanh gần với màu liên kết mặc định, hãy xem xét thử nghiệm với màu lạ (như màu đỏ) để xem nếu vấn đề nằm trong CSS hoặc lựa chọn màu của bạn.

Answer 3

Điều đó có vẻ ổn với tôi, Robusto có điểm hợp lệ với màu được sử dụng.

Phương pháp khác là cho các liên kết một lớp học riêng, ví dụ như họ:

CSS

a.navlink:visited 
a.navlink:hover 
{ 
    background-color: #3366FF; 
} 

HTML

<a href="index.html" class="navlink">Home</a>