CSS: tại sao a: link, a: visited vs chỉ là một

Question

tôi tự hỏi tại sao tôi không thể sử dụng, hoặc không nên sử dụng

a { ... } 

vs

a:link, a:visited { ... } 

Answer 1

Nếu bạn chỉ phong cách a {...} thì kiểu sẽ được áp dụng cho tất cả các phần tử neo bao gồm <a name="..."></a> yếu tố xác định neo trong trang, nhưng không tham chiếu đến siêu kết nối.

a:link {...} đặc biệt liên quan đến siêu liên kết. :visited, :hover và :active là các trạng thái khác nhau của các liên kết này. Lưu ý rằng :hover và :active cũng có thể áp dụng cho các thành phần khác.

Answer 2

Nó chỉ là một vấn đề của nó, bạn muốn có kiểu dáng khác nhau cho liên kết đã truy cập so với liên kết bình thường hoặc không (ví dụ: làm mờ liên kết, tôi đã ở đó).

Chỉa là hợp lệ, nhưng bạn có muốn cho :visited hoặc :hover liên kết phong cách đặc biệt cho ví dụ?

Answer 3

: đã truy cập có nghĩa là bạn đang cố gắng cung cấp cho liên kết một kiểu đã được người dùng truy cập trước đây và: di chuột có nghĩa là bạn đang cố gắng cung cấp liên kết theo kiểu khi người dùng di chuột qua liên kết đó. Bạn có thể hoặc không thể sử dụng nó. Đây là sự lựa chọn của bạn.

Answer 4

a:link nếu cho liên kết chưa được truy cập, trong khi a:visited là dành cho liên kết mà người dùng đã truy cập. Thông thường người dùng sẽ muốn một số cách để phân biệt giữa hai trường hợp trong trường hợp bạn sẽ tạo kiểu riêng cho chúng. Nếu bạn không muốn bất kỳ sự khác biệt nào (ví dụ: menu) thì chỉ cần a sẽ thực hiện.

Answer 5

Trong khi a đầu tiên đề cập đến tất cả các liên kết, :link và :visited là các trạng thái cụ thể của các liên kết đó.

Đầu tiên là liên kết không được truy cập và liên kết thứ hai để truy cập một liên kết. xem http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes để biết thêm thông tin.

Answer 6

Bạn chỉ có thể cung cấp kiểu chung cho các liên kết của mình với số a. Các phong cách cụ thể hơn có thể được áp dụng cho các lớp giả. Ví dụ:

a { 
    text-decoration: none; 
    font-weight: bold; 
} 

a:link { 
    color: #00F; 
} 

a:hover { 
    color: #F00; 
} 

a:visited { 
    color: #888; 
} 

a:active { 
    color: #0F0; 
} 

Trong ví dụ này, tất cả các liên kết được in đậm và không gạch dưới. Nhưng thay đổi màu sắc cho từng loại liên kết ...