html中的悬停样式属性[重复]

Question

我想给文本添加颜色。我有更多的短信。因此，我从服务器检索文本颜色，并将文本颜色添加到相应的文本中。我想为文本添加边框，需要在悬停文本时为边框指定相应的文本颜色。

在样式表中，我们可以给出如下悬停：

。文本：悬停{color:#FF0000；}

但我有动态文本颜色。我想为相应文本的边框指定相应的文本颜色。在样式表中，我们不能这样做。

有没有办法在div的样式属性中添加悬停？




Answer 1

我希望这是有帮助的

div:hover .text:nth-child(odd) {
  background: red;
}

 div:hover .text:nth-child(even) {
  background: blue;
}

Answer 2

您好，您可以使用Jquery实现这一点。在我的代码片段中，我使用了颜色的公共变量，并使用了它。请看一看。

获取悬停事件并动态添加样式和删除样式

var color = "red";
$(".mycontent").hover(
  function () {
    $(this).css({
    "color": color,
    "border":" 1px solid "+color
    })
  },
  function () {
    $(this).css({
    "color": "inherit",
    "border":"inherit"
    })
  }
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="mycontent">  inner content</div>

Answer 3

在悬停之前和冒号（：）之后，你必须这样写。

.text:hover {
  color:#FF0000;
 }