我有一个CSS,当你把鼠标悬停在一个元素上时,它会改变格式.

.test:hover { border: 1px solid red; }
<div class="test">blah</div>

在某些情况下,我不想在hover上应用CSS.一种方法是使用jQuery从div中删除CSS类,但这会 destruct 其他功能,因为我也在使用该类格式化其子元素.

有没有办法从元素中删除"悬停"CSS样式?

推荐答案

我会使用两个类.保留您的测试类,并添加第二个名为testhover的类,该类只添加到您想要悬停的类中——与测试类一起.这并不是你直接提出的问题,但如果没有更多的背景,这似乎是最好的解决方案,可能是最干净、最简单的方法.

示例:

.test {  border: 0px; }
.testhover:hover {  border: 1px solid red; }
<div class="test"> blah </div>
<div class="test"> blah </div>
<div class="test testhover"> blah </div>

Html相关问答推荐

<mat-toolbar更改所有页面的高度

如何只混合部分的背景而不是内容<>

如何增加行背景的宽度而不影响上面的内容?""' HTML CSS

如何将grid—template—column应用于元素中的子元素

如何使我的组织 struct 图的连接线响应?

未知高度正在应用于前标记

仅在过渡之前删除填充

你将如何为手机制作导航栏

与窗高匹配的响应式正方形网格

如何在没有包装元素的情况下在React(Next.js)中呈现HTML注释

如何使用多边形制作如图所示的背景

MUI 日期 Select 器要包含的日期

如何影响 HTML 元素的哪些子元素导致其增长,哪些不增长?

实验的响应式屏幕尺寸

拨动switch 在重新加载时未重置

如何只为 Navbar 中的一个元素提供动画,其余元素没有使用 css 的动画

在shiny 的应用程序中使用图标功能时出错

将 HTML 元素粘贴到容器底部,而不剪裁其顶部

删除按钮组件时 bootstrap col-auto 布局高度对齐中断

项目的水平列表:倒数第二个项目居中,而最后一个项目占据所有剩余空间