更改CSS链接访问悬停活动在html部分中

Question

我想做一个动态的词云，我想知道是否有一种方法可以改变我的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; }

但是我打算做一个词云，每个词都有不同的颜色，又名链接/访问将颜色定义为dinamicaly，但有没有一种方法在html中定义链接/访问/悬停/活动内联？

我想象它可能是这样的

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

感谢。

Answer 1

它不能内联，因为：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中。这里没什么大不了的。

Answer 2

您需要使用一些JavaScript来更改悬停时的颜色并检查该项是否处于活动状态。

或者您可以为每个项定义一个类/ id（动态）并使用CSS定位它们。