移除' body a:hover'元素

时间:2017-04-28 03:31:07

标签: css

之前曾问过这个问题,但案例略有不同。在我的情况下,我定义了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伪类完成?或以不同的方式?

编辑:我认为dippas在将此问题标记为副本时没戴着老花镜;甚至更强,因为&#34;完全重复&#34;。幸运的是,像Edmund Reed这样的人试图提供帮助,并帮助我回答了我的问题。

1 个答案:

答案 0 :(得分:0)

试试这个

&#13;
&#13;
body:not(.nohover)>a:hover {	
	color: #006699;
}
&#13;
<body>
  <a>hover</a>
  <a>hover</a>     
  <div class="nohover">
    <a>no hover</a>
  </div>  
</body>
&#13;
&#13;
&#13;

仅当结构类似于body > a或不能在结构body > .nohover > a上运行时才应用css。 如果结构不符合body > a,则此css也不会应用,因此如果您尝试将此css应用于具有结构body > element > a的元素,则此css将无法工作