Ghi đè màu Neo để kế thừa màu mặc định

Question

Tôi đang cố gắng ghi đè màu neo và đặt màu thành thông thường sẽ không có liên kết.

gốc Mã

<a href="..."> 
    <div class="right"> 
     <div class="text"> 
      Some Text 
     </div> 
    </div> 
</a> 

selectors CSS để nhắm mục tiêu các lớp học "đúng"/"text" Tôi đã cố gắng:

a .right 
{ 
    color:inherit; 
} 


a:link .right 
{ 
    color:inherit; 
} 

Cả dường như làm việc.

Answer 1

Đặt một lớp trên neo chính nó và sau đó thiết lập:

.yourAnchorClass { color: inherit; } 

See fiddle example.

Thừa kế là từ yếu tố mẹ. Vì vậy, tất cả các giải pháp của bạn đang làm là nói cho các div s để kế thừa màu sắc của neo. Nhân tiện, nó thực sự là không hợp lệ html để có một div bên trong một thẻ a (một phần tử mức khối bên trong một phần tử nội tuyến). Nếu có thể, tốt nhất là hãy đổi những số đó thành span và sau đó đặt display: block trên các thành phần nhịp trong số a.