开发者社区> 问答> 正文

设置了一个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 5601 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista

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

    2019-07-17 19:21:54
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载