2013-05-06 47 views
6

Tôi muốn thay đổi màu của thẻ neo của một lớp nhất định, nhưng chỉ khi chúng không được di chuột. Các neo được di chuyển của cùng một lớp nên giữ lại màu của các neo chưa được phân loại (bất kể các biểu định kiểu nào khác đã làm cho chúng).Màu CSS Neo, nhưng không phải A: di chuột

Ví dụ, đưa ra:

a {color: [unknown color];} /* set elsewhere, out of my control */ 

a.incognito {color:inherit} /* the text color, typically black */ 
a.incognito:hover {color: [what?];} /* the color of a non-incognito anchor */ 

Có một chỉ CSS giải pháp để có liên kết bay lượn không sử dụng phong cách màu của liên kết unhovered của lớp giống nhau không?

Trả lời

10

Bạn có thể sử dụng CSS3 :not() modifier:

a.incognito:not(:hover) {color:inherit} /* the text color, typically black */ 

Lưu ý rằng điều này không được hỗ trợ bởi trình duyệt IE < = 8.

+0

: -O MAGIC! Tôi hy vọng điều này sẽ trở thành câu trả lời được chấp nhận. – Umbrella

Các vấn đề liên quan