2010-11-16 7 views
0

Я хочу сделать динамическое облако слов, и мне было интересно, есть ли способ изменить цвет ссылки в моей секции html, обычно вы просто определяете цвета ссылок в css что-то вроде :Изменить CSS Link Посещенные Hover активно в html разделе

.tag_cloud { padding: 3px; text-decoration: none; } 
.tag_cloud:link { color: #0c3569; } 
.tag_cloud:visited { color: #0c3569; } 
.tag_cloud:hover { color: #ffffff; background: #0c3569; } 
.tag_cloud:active { color: #ffffff; background: #0c3569; } 

но я планирую сделать облако слов были каждое слово имеет другой цвет, он же ссылка/посетила будет цвет будет определен dinamicaly, но есть способ определения ссылки/посетили/парить/активный inline в html?

Я Представьте себе, что может быть что-то вроде этого

<a href="something" style="font:arial; ???"word</a> 

Спасибо.

ответ

4

Это не может быть сделано inline с: hover и т. Д. Являются псевдоселекторами css и не будут работать inline, поскольку это не намерение.

Но не бойтесь использовать классы css - вам все равно понадобится javascript, чтобы сделать эту работу. Просто определите классы, которые вы хотите использовать, например:

.cloud_item_1:link {color:red;} 
.cloud_item_1:visited {color:yellow;} 
.cloud_item_1:hover {text-decoration:underline;} 
.cloud_item_1:active {color:black;} 
.cloud_item_2:link {color:blue;} 
.cloud_item_2:visited {color:orange;} 
... 

И примените их к вашему html по своему желанию. Здесь нет ничего особенного.

+0

ваш код очень хороший, но не знаю, почему сказал, что ему понадобится js, чтобы сделать эту работу, он этого не делает. Он также может визуализировать стиль в тегах