在 html 部分更改 CSS 链接已访问悬停活动答案

【问题标题】：Change CSS Link Visited Hover active in html section在 html 部分更改 CSS 链接已访问悬停活动
【发布时间】：2010-11-16 22:28:25
【问题描述】：

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

但是我打算做一个词云，如果每个词都有不同的颜色，也就是链接/访问的颜色将被定义为动态，但是有没有办法在 html 中定义链接/访问/悬停/活动内联?

我想它可能是这样的

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

谢谢。

【问题讨论】：

标签： html css web stylesheet

【解决方案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。没什么大不了的。

【讨论】：

你的代码很好，但不知道为什么说他需要js来完成这项工作，他没有。他也可以在自己的html文件的页眉中渲染
好吧，我的云中有 250 个单词，所以我需要创建一个 4x240=1000 行的 css 文件。哎呀：-/
我只是希望你会使用一些生成器来实现它 :) 手工挑选所有这些颜色将是一项致命的任务 - 也许这至少可以帮助你一点 lesscss.org

【解决方案2】：

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

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

【讨论】：