Tôi đang tạo một menu điều hướng với các từ có màu sắc khác nhau ( hrefliên kết). Tôi muốn màu 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 dáng / định dạng nào khác) như hiện tại.
Bất kỳ đề xuất?
Câu trả lời:
Bạn chỉ có thể xác định một kiểu cho các liên kết, sẽ ghi đè lên a:hover, a:visitedv.v.:
a {
color: blue;
text-decoration: none; /* no underline */
}Bạn cũng có thể sử dụng inheritgiá trị nếu bạn muốn sử dụng các thuộc tính từ kiểu cha thay thế:
body {
color: blue;
}
a {
color: inherit; /* blue colors for links too */
text-decoration: inherit; /* no underline */
}initialcũng hữu ích khi bạn muốn thiết lập lại css theo kiểu mặc định. Điều này cũng được giải thích ở đây liên kết
inherit!
inheritchỉ hoạt động trong các trình duyệt anciet và Internet Explorer hoặc có những khó khăn trong các trình duyệt phổ biến (Chrome, Firefox)?
Như Chris đã nói trước tôi, chỉ acần ghi đè. Ví dụ:
a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }Trong trường hợp .nav anày, LUÔN LUÔN có màu xanh lá cây, di chuột sẽ không áp dụng cho nó.
Nếu có một số quy tắc khác ảnh hưởng đến nó, 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 luôn xanh, không liên quan đến bất kỳ quy tắc nào khác.
asẽ ngăn chặn mọi thay đổi trên :hover(hoặc :visitedvv). Làm thế nào về thay vì là một tinh ranh và rác rưởi cả ba câu trả lời bạn đề xuất một giải pháp thực tế?
Bạn chỉ có thể sử dụng abộ chọn trong biểu định kiểu của mình để xác định tất cả các trạng thái của 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.
inherittừ khóa. Nó không có hỗ trợ 100% không may.