HTML Anchor, Disable Style

Question

Tôi có một số mã liên kết anchor html, và không giống như phần còn lại của tài liệu tôi muốn nó trông giống như nó không phải là một liên kết. Có một cách đơn giản để vô hiệu hóa sự thay đổi phong cách gây ra bằng cách gói văn bản trong một thẻ neo mà không cần phải ép buộc nó giống nhau (ví dụ, nếu tôi thay đổi kiểu phông chữ cơ thể, tôi không phải thay đổi). một số khác: liên kết công cụ).

Answer 1

Thiết màu đen và văn bản-trang trí để rõ ràng không có một chút tích cực hơn làm việc cho tôi.

Tôi đang tìm kiếm CSS của các neo là "lành tính" và chỉ pha trộn vào CSS hiện có. Dưới đây là những gì tôi đã thực hiện:

a.nostyle:link { 
    text-decoration: inherit; 
    color: inherit; 
    cursor: auto; 
} 

a.nostyle:visited { 
    text-decoration: inherit; 
    color: inherit; 
    cursor: auto; 
} 

Sau đó, tôi vừa thêm lớp CSS nostyle vào neo mà tôi muốn không định dạng.

Answer 2

Nếu bạn không quan tâm đến IE, bạn có thể đính kèm :not(#exclude) (nơi exclude là ID của liên kết trong câu hỏi) để phong cách liên kết của bạn:

a:link:not(#exclude), a:visited:not(#exclude) { 
    text-decoration: none; 
    color: blue; 
    cursor: pointer; 
} 

Nếu không tôi không nghĩ rằng bạn có thể brute - ép nó theo cách bạn mô tả. Thay vào đó, bạn có thể sử dụng kiểu nội tuyến (không được khuyến nghị) hoặc bạn có thể sử dụng một lớp/ID đặc biệt được gán cho liên kết đó, có bộ chọn bạn muốn nhóm với body. Ví dụ, nếu bạn có những phong cách:

body { 
    text-decoration: none; 
    color: black; 
    cursor: auto; 
} 

a:link, a:visited { 
    text-decoration: none; 
    color: blue; 
    cursor: pointer; 
} 

Bạn chỉ có thể quăng trong một selector cụ thể hơn, mà muốn kết hợp liên kết đó, vào sự cai trị body:

body, #exclude { 
    text-decoration: none; 
    color: black; 
    cursor: auto; 
} 

a:link, a:visited { 
    text-decoration: none; 
    color: blue; 
    cursor: pointer; 
} 

Answer 3

Tôi đã đạt được điều này bằng cách tạo một lớp học .reset-a và nhắm mục tiêu tất cả các lớp giả của nó.

Nhắm mục tiêu của tất cả các lớp giả là quan trọng để làm cho nó hoàn hảo.

outline: 0 thuộc tính xóa đường viền chấm chấm bao quanh liên kết khi nó được lấy nét hoặc hoạt động.

.reset-a, .reset-a:hover, .reset-a:visited, .reset-a:focus, .reset-a:active { 
    text-decoration: none; 
    color: inherit; 
    outline: 0; 
    cursor: auto; 
}