Изменить ссылку CSS Visited Hover, активную в разделе HTML - PullRequest
Новая
       18

Изменить ссылку CSS Visited Hover, активную в разделе HTML

0 голосов
/ 16 ноября 2010

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

.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; }

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

Я представляю, что это может быть что-то вроде этого 

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

Спасибо.

Ответы [ 2 ]

4 голосов
/ 16 ноября 2010

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

Но не бойтесь использовать классы 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 голосов
/ 16 ноября 2010

Вам понадобится немного JavaScript, чтобы изменить цвет при наведении и проверить, активен ли элемент.

Или вы можете определить класс / id (динамически) для каждого из элементов и нацелить их с помощьюCSS.

...