我怎么能写'a:悬停'在内联CSS?

我有一个情况下，我必须写内联CSS代码，我想应用悬停样式的锚。

我如何使用一个:悬停在内联CSS内的HTML样式属性?

例如，你不能可靠地在HTML电子邮件中使用CSS类。

当前回答

如果您确实需要内联代码，则可以这样做。我需要它的一些悬停按钮，方法是这样的:

.hover-item { background - color: # FFF; ｝ .hover-item:{徘徊 background - color:继承; ｝ <a style="background-color: red;"> < div class = " hover-item”> 内容 < / div > < /

在本例中，内联代码:"background-color: red;"是悬停时的开关颜色。用你需要的颜色，然后这个解决方案。我意识到，就兼容性而言，这可能不是完美的解决方案，但如果绝对需要，这是可行的。

2015-08-10 09:41:09

其他回答

你不能完全按照你描述的去做，因为a:hover是选择器的一部分，而不是CSS规则。样式表有两个组件:

selector {rules}

内联样式只有规则;选择器隐式为当前元素。

选择器是一种表达性语言，它描述了一组匹配类xml文档中的元素的标准。

然而，你可以接近，因为从技术上讲，一个风格集几乎可以去任何地方:

<html>
  <style>
    #uniqueid:hover {do:something;}
  </style>
  <a id="uniqueid">hello</a>
</html>

2009-06-23 15:10:13

你可以通过在onMouseOver和onMouseOut参数中使用JavaScript更改样式来获得相同的效果，尽管如果你需要更改多个元素，这是非常低效的:

另外，我不太确定这在这里是否适用。你可能需要用document.getElementById('idForLink')来切换它。

2009-06-23 15:16:17

虽然内联定义悬停规则似乎是不可能的，但你可以使用CSS变量内联定义styles的值:

:{徘徊颜色:var(——hover-color); ｝ <a style="——hover-color: green"> 图书馆 < / >

考虑在选择器之外使用属性或类(例如，[hover-color]:hover)来允许与其他低特异性悬停颜色更改规则共存(例如，CSS重置或某些元素使用默认样式)。

2021-03-12 10:08:01

下面是最好的代码示例:

<一个 Style =" font - family:宋体;font - family:宋体;" href = " http://aashwin.com/index.php/education/library/ " onmouseover = " this.style.color = # 0 f0” onmouseout = " this.style.color = # 00 f”> 图书馆 < / >

主持人建议:保持关注点的分离。

超文本标记语言 <一个 Style =" font - family:宋体;font - family:宋体;" href = " http://aashwin.com/index.php/education/library/ " 类= " lib-link " > 图书馆 < / >

const libLink = document.getElementsByClassName("lib-link")[0]; //数组0假设只有一个链接， //你将不得不循环或使用事件委托为多个 //但我们不会在这里深入讨论 libLink。Onmouseover = function () { this.style.color = ' # 0 f0 ' ｝ libLink。Onmouseout = function () { this.style.color = ' # 00 f ' ｝

2018-01-13 21:31:38

我同意影子的说法。您可以使用onmouseover和onmouseout事件通过JavaScript更改CSS。

不要说人们需要激活JavaScript。这只是一个风格问题，所以如果有一些访问者没有JavaScript也没关系;) 尽管大多数Web 2.0都使用JavaScript。例如Facebook(大量JavaScript)或Myspace。

2010-03-26 10:22:11

我怎么能写'a:悬停'在内联CSS?

推荐文章

最新文章

标签