我的网站：http://up8.431.myftpupload.com/
我最近将主图像下的“我们服务”改为“链接”。之后，当我将鼠标悬停在它们上方时，它们会变为它们所在的背景色。我想当我把鼠标悬停在它们上方时，它们会变成蓝色。
在scrrenshot中，我已经设置了链接的样式，但我将鼠标悬停在标题上，而标题恰好是一个H2标记。我使用了一些自定义css，让它们在我将鼠标悬停在上方时变为蓝色。问题是，整个页面都应用了相同的样式，这对我来说毫无意义。我专门为该部分文本设置了自定义css。
也可以随意转到页面，看看页面上的所有内容是如何得到相同的：应用了悬停效果。我怀疑这是因为我使用了just：在它之前悬停，没有任何内容，因此它会应用于所有内容。
我尝试过的其他事情：1。使用这个：悬停-什么都没做2。使用：hover-使页面上的所有链接具有相同的悬停效果3。给那部分文本一个CSSID和类，并通过定制程序Custom CSS/JS应用样式化——什么都没做。。。甚至都没用
任何帮助都将不胜感激。我想我知道发生了什么事。我只是不知道怎么修。Thx提前
最合适的回答,由SO网友:RiddleMeThis 整理而成
将添加的样式替换为以下样式。
.elementor-element-1fc9820 a:hover {
color:blue !important;
}
你需要更具体地说明你的规则。由于这些链接周围有一个elementor类，所以我只使用了该类。
注意：您的#3解决方案本应有效，显然您在尝试时犯了错误。
SO网友:gromek
实际上，我认为您不需要使用“.elementor-element-1fc9820”之类的内容来指定添加的规则，以将其限制到您正在编辑的元素（虽然我想这不会有什么坏处）。
Elementor Pro在编辑页面上的某个元素时提供给您添加的自定义css应该只针对该元素（或其中的子元素）。我想说，否则就没有任何意义了。
然而，我认为冒号之前的“a”丢失了，所以当你将鼠标悬停在它上面时，实际上元素中的任何东西——a、h2、h3、p，无论什么——都会高亮显示。据我所知，悬停属性不仅仅限于锚/链接。
a： 悬停{颜色：蓝色！重要；}
应该在没有“.elementor-element-1fc9820”的情况下完成此操作。
