2012-06-01 16 views
23

Trong Trang của tôi CSS sau đây được thiết lập:Làm thế nào để thay đổi màu sắc liên kết trong một lớp học cụ thể cho một div CSS

a:link { 
    color: #0094DE; 
    text-decoration: none; 


} 
a:visited { 
     text-decoration: none; 
color: #0094DE; 

} 
a:hover { 
text-decoration: underline; 
color: #DD127B; 

} 

Tôi muốn Thay đổi màu sắc liên kết bên trong một div trong đó có một lớp được gán cho nó . tôi thử như sau:

register:link{color:#FFFFFF; 
     } 

ở đâu đăng ký là tên của div trong đó tôi muốn thay đổi màu sắc liên kết. Tôi có thể làm như thế nào? Ngoài ra làm cách nào để thay đổi màu cho liên kết di chuột qua cùng một div?

Trả lời

33
.register a:link{ 
    color:#FFFFFF; 
} 
+0

lưu ý rằng điều này phải là #register, không .register ... OP cho biết div không phải là lớp – carrabino

+3

@Anthony OP cho biết div với một lớp được gán cho nó. Những gì bạn nói vẫn áp dụng? –

+0

OP: "Nơi đăng ký là tên của div mà tôi muốn thay đổi màu liên kết" ... mà đối với tôi nói đăng ký là giá trị id, không phải tên của một lớp được gán cho div. – carrabino

3
#register a:link 
{ 
color:#fffff; 
} 
-1

phiên bản kích thước nhỏ hơn:

#register a:link {color: #fff} 
20

Nó có thể là một cái gì đó như thế này:

a.register:link { color:#FFF; text-decoration:none; font-weight:normal; } 
a.register:visited { color: #FFF; text-decoration:none; font-weight:normal; } 
a.register:hover { color: #FFF; text-decoration:underline; font-weight:normal; } 
a.register:active { color: #FFF; text-decoration:none; font-weight:normal; } 
+1

cảm ơn - làm việc như một sự quyến rũ! – Aaronster

+0

Câu trả lời bình chọn hàng đầu không phù hợp với tôi, nhưng sử dụng cú pháp này đã hoạt động. Bỏ phiếu cho điều này. – ZeekLTK

+0

Cũng giống như vậy. +1 – Magiranu

4

thế nào về một cái gì đó như thế này ...

a.register:link{ 
    color:#FFFFFF; 
} 
+0

Đây thực sự là vấn đề tôi đang cố gắng giải quyết: địa điểm này tạo kiểu trên một cái gì đó như thế này: click me Cảm ơn! –

-2

Tôi nghĩ bạn muốn đặt a, ở phía trước a:link (a, a:link) trong tệp CSS của bạn. Cách duy nhất tôi có thể loại bỏ màu liên kết mặc định màu xanh khủng khiếp đó. Tôi không chắc liệu điều này có cần thiết cho phiên bản trước của các trình duyệt mà chúng tôi có hay không, vì nó phải hoạt động mà không cần a

0

Nếu bạn muốn thêm CSS trên a:hover vào không phải tất cả thẻ, nhưng một số thẻ cách tốt nhất để làm điều đó là sử dụng lớp học. Cung cấp cho lớp học tất cả các thẻ mà bạn muốn cung cấp cho phong cách - xem ví dụ bên dưới.

<style> 
a.change_hover_color:hover { 
    color: white !important; 
} 
</style> 

<a class="change_hover_color">FACEBOOK</a> 
<a class="change_hover_color">GOOGLE</a>