开发者社区 问答 正文

设置了一个div下有a都有hover效果,但想让其中几个没有hover效果?

一个div下有很多个a标签,我给他们.div1下的a都设置hover效果,像no-hover的标签让他没有变化该怎么实现,

一个div下有很多个a标签,我给他们.div1下的a都设置hover效果,像no-hover的标签让他没有变化该怎么实现?

.div1 a:hover{
color
}


  <a></a>
  <a></a>
  <a></a>
  <a></a>
  <a></a>


  <a></a>
  <a></a>
  <a></a>
  <a class="no-hover"></a>
  <a class="no-hover"></a>


........
div1 a:hover{
   color
}
<div class="div1">
   <div>
      <a></a>
      <a></a>
      <a></a>
      <a></a>
      <a></a>
   </div>
 <div>
      <a></a>
      <a></a>
      <a></a>
      <a class="no-hover"></a>
      <a class="no-hover"></a>
   </div>
 ........
</div>

展开
收起
杨冬芳 2016-05-31 14:31:46 5655 分享 版权
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista

    .div1 a:not(.no-hover):hover{}

    2019-07-17 19:21:54
    赞同 展开评论
问答地址: