Làm thế nào để chọn tất cả các lớp giả trong CSS?

Question

Tôi đã có một nút và tôi muốn biết nếu có thể làm cho css dưới đây ngắn hơn.

.button a:link, .button a:visited, .button a:hover, .button a:active { 
    color: #000; 
    text-decoration: none; 
} 

Ý tôi là có lẽ:

.button a:* { 
    color: #000; 
    text-decoration: none; 
} 

Có lẽ không có bất kỳ cách nào ngắn hơn, nhưng tôi chỉ muốn biết. tôi tìm thấy một cái gì đó như thế này ra:

.button a:link:visited:hover:active { 
    color: #000; 
    text-decoration: none; 
} 

Nhưng nó đã không làm việc, không biết tại sao .. Để biết thông tin - Tôi đã css chung cho một trong top của tập tin:

a:link { 
    color: #DA5632; 
} 
a:visited { 
    color: #CE3408; 
} 
a:hover { 
    color: #289BF8; 
} 
a:active { 
    color: #CE3408; 
} 

Vì vậy, lớp nút nên ghi đè lên css chính.

Answer 1

.button a là tất cả các bạn cần

tôi luôn đặt một phong cách mặc định trên a, và nhắm mục tiêu các lớp học giả chỉ khi tôi cần phải có một hiệu ứng khác nhau.

Chỉnh sửa để bao gồm sửa chữa từ nhận xét:

Bởi vì một phong cách mặc định cho một yếu tố được khai báo như sau:

a:link { 
    color: #DA5632; 
} 
a:visited { 
    color: #CE3408; 
} 
a:hover { 
    color: #289BF8; 
} 
a:active { 
    color: #CE3408; 
} 

ở phía trên cùng của stylesheet, chúng ta cần phải làm cho nó body .button a bởi tăng tính chọn lọc, chúng tôi tăng tầm quan trọng của các kiểu được áp dụng.

Answer 2

Dưới đây là một số điều cần cố gắng

chắc chắn rằng stylesheet của bạn có một quy tắc cho ".button một" - cũng đảm bảo kiểu này được bao gồm sau một toàn cầu xác định quy tắc cho 'a'.

Nếu điều đó không hiệu quả, hãy thử cụ thể hơn, như sau: ".button> a", chỉ chọn con cháu trực tiếp.

Nếu điều đó không làm việc, trong khi nó là xấu thực hành, bạn có thể luôn luôn đánh dấu phong cách của bạn cũng quan trọng, như vậy:

color: #fff !important; 

này sẽ đòi hỏi rằng họ đang phân tích cuối cùng.