Xóa TẤT CẢ kiểu/định dạng khỏi siêu liên kết

Question

Tôi đang tạo menu điều hướng có các từ có màu khác nhau (href liên kết). Tôi muốn màu sắc KHÔNG thay đổi trên bất kỳ trạng thái nào (di chuột, truy cập v.v.).

Tôi biết cách đặt màu cho các trạng thái khác nhau, nhưng tôi muốn biết mã để chỉ để lại màu văn bản (và bất kỳ kiểu/định dạng nào khác).

Bất kỳ đề xuất nào?

Answer 1

Bạn chỉ có thể xác định một phong cách cho các liên kết, trong đó sẽ ghi đè lên a:hover, a:visited v.v .:

a { 
    color: blue; 
    text-decoration: none; /* no underline */ 
} 

Bạn cũng có thể sử dụng giá trị inherit nếu bạn muốn sử dụng các thuộc tính từ phong cách cha mẹ thay vì:

body { 
    color: blue; 
} 
a { 
    color: inherit; /* blue colors for links too */ 
    text-decoration: inherit; /* no underline */ 
} 

Answer 2

nếu bạn nêu a.redLink{color:red;} sau đó để giữ này trên di chuột và như vậy thêm a.redLink:hover{color:red;} Điều này sẽ đảm bảo không có trạng thái di chuột khác sẽ thay đổi màu sắc liên kết của bạn

Answer 3

Bạn chỉ có thể sử dụng một selector a trong stylesheet của bạn để xác định tất cả trạng thái của một neo/siêu liên kết. Ví dụ:

a { 
    color: blue; 
} 

Sẽ ghi đè tất cả các kiểu liên kết và làm cho tất cả các trạng thái có màu xanh lam.

Answer 4

Như Chris đã nói trước tôi, chỉ cần ghi đè a. Ví dụ:

a { color:red; } 
a:hover { color:blue; } 
.nav a { color:green; } 

Trong trường hợp này, .nav a sẽ luôn là màu xanh lá cây,: hover sẽ không áp dụng cho nó.

Nếu có một số quy tắc khác ảnh hưởng đến quy tắc đó, bạn có thể sử dụng !important, nhưng bạn không nên. Đó là một thói quen xấu để rơi vào.

.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */ 

Sau đó, nó sẽ luôn xanh, không liên quan đến bất kỳ quy tắc nào khác.