Question

我想为文本添加颜色。我还有更多的文章。因此，我从服务器检索了文本颜色，并将文本颜色添加到了相应的文本中。我想为文本添加边框，并且在悬停文本时需要为边框分配相应的文本颜色。

在样式表中，我们可以像下面这样悬停：

.text: hover{ color:#FF0000; }

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

是否可以在div的style属性中添加悬停？

Answer 1

您要在悬停之前和冒号（：）之后留空格，您必须这样写。

.text:hover {
  color:#FF0000;
 }

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

我希望这会有所帮助

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

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

HTML中的悬停样式属性

3 个答案: