使用内联 CSS 定义链接的伪类样式 [重复]

Posted 2023-03-05

【中文标题】使用内联 CSS 定义链接的伪类样式 [重复]

【英文标题】：Defining a link's pseudo-class style with inline CSS [duplicate]

【发布时间】：2012-03-15 23:35:32

【问题描述】：

可能重复：How to write a:hover in inline CSS?

使用 CSS，我想定义一个链接的样式。但是，我想在文档中执行此操作，而不是将其定义为标题的一部分。是否可以定义它（包括a：hovor，a：visited等）。

我正在使用标签，我希望能够这样做

<a style="a:hovor:color:#ffffff"><!-- ... --></a>

或类似的东西。我很确定那是行不通的。那么如何定义它，或者您甚至可以定义它吗？

【问题讨论】：

否；您不能使用内联样式来设置元素的 :hover（或 :focus 等）样式。

别这样。内联样式是不好的做法。

***.com/questions/1033156/…

文字

【参考方案1】：

不，你不能。 如果可能，请避免使用内联样式。它们是不好的做法。

如果你真的需要在没有样式表的情况下内联，你可以用 javascript 解决这个问题：

...

虽然像这样静态使用 onmouseover 和 onmouseout 也是不好的做法，但它会解决您跨浏览器的问题。

【参考方案2】：

您始终可以使用 Javascript/jQuery 在 Mouseover 上应用 CSS 样式。话虽如此，您确实应该避免使用内联样式。为什么不能使用样式表？

【参考方案3】：

我更愿意给它一个类，然后在样式表中定义它，但是使用 JS/jQuery 是可能的。 http://jsfiddle.net/Sxpkp/