无涯教程网

Html ：hover 但：not 在特定的类上

发布于02月12日

如何将悬停效果应用于a元素，而不是应用于类为active的a元素？

a:hover(not: .active)

好像少了点什么.

推荐答案

函数符号是:not()，而不是:hover:

a:not(.active):hover

如果你更喜欢把:hover放在第一位，那很好:

a:hover:not(.active)

哪一个伪类排在第一或最后并不重要；无论哪种方式， Select 器的工作原理都是一样的.我的个人习惯是把:hover放在最后，因为我倾向于把用户交互伪类放在 struct 伪类后面.

Html相关问答推荐

Blazor中有1像素高行的表格

自动字间距以适应行CSS

通过POST方法提交html表单时CSV文件无法通过(在使用Django的上下文中)

如何使用html和css将两个项目垂直对齐

通过动态div的对角线

创建一个带有div和径向渐变的全宽半圆

让多对图像在各自的div中叠加

Bootstrap nav没有崩溃

如何使用CSS在<；表格中<；SVG&>？

如何使用css横向显示英文和中日韩文字？

如何使VS代码支持以模仿嵌套的方式对已经包含注释的HTML进行注释？

页面文件夹内的 HTML 页面未加载主目录的 style.css

如何从 div 内的属性中提取 href 和文本

如何使用html css将图像显示为附加形状

防止HTML输入中出现负数但接受小数

CSS 跨度与子元素交替 colored颜色

pull-right 不适用于 bootstrap alert 内的按钮

如何将自定义图像插入 Shiny plot header？

html tailwindcss 给 li 标签添加边框

使元素扩展宽度减go margin-right

实用课程推荐

相关教程推荐