从元素中删除“body a:hover”CSS行为[重复]答案

【问题标题】：Remove 'body a:hover' CSS behavior from element [duplicate]从元素中删除“body a:hover”CSS行为[重复]
【发布时间】：2017-04-28 03:31:06
【问题描述】：

之前有人问过这个问题，但情况略有不同。就我而言，我定义了 body a:hover 样式，我想为某些元素禁用它。根据this question 的建议答案，我已经尝试过：

CSS：

body:not(.nohover a) a:hover {  
    color: #006699;
}

HTML：

<div class="nohover">
   <a href="mylink.html">My link text</a>
</div>

但它没有工作。有谁知道它是否可以用:not 伪类来完成？还是以不同的方式？

编辑：我认为在将这个问题标记为重复问题时，迪帕斯没有戴老花镜；作为“完全复制”甚至更强大。幸运的是，像 Edmund Reed 这样的人试图提供帮助，并帮助我回答了我的问题。

【问题讨论】：

您是否在要禁用的<a> 元素中添加了nohover 类？ <a class="nohover">blah</a>
是的。我已将其添加到我上面的问题中。
body:not(.nohover a) a:hover 应该是body a:not(.nohover):hover，并将类应用于a 本身，而不是周围的div。
@Edmund Reed：您的回答被证明是有效的！非常感谢。

标签： css

【解决方案1】：

试试这个

body:not(.nohover)>a:hover {	
	color: #006699;
}

<body>
  <a>hover</a>
  <a>hover</a>     
  <div class="nohover">
    <a>no hover</a>
  </div>  
</body>

仅当结构类似于body > a 或不适用于结构body > .nohover > a 时才应用css。如果结构不符合body > a，则此css也不会应用，因此如果您尝试将此css应用于结构body > element > a的元素，则此css将不起作用

【讨论】：