Css 防止伪元素触发悬停?

Css 防止伪元素触发悬停?,css,hover,pseudo-element,Css,Hover,Pseudo Element,如果我有标记: <div class="a b"></div> css是否可以防止伪元素触发.a类悬停 以下css为现代浏览器提供了窍门: 指针事件:无允许元素不接收悬停/单击事件 看 小心 指针事件对非SVG元素的支持处于相对早期的状态。给您以下警告: 在CSS中为非SVG元素使用指针事件 实验性。该功能曾是CSS3 UI草案的一部分 但是,由于许多未解决的问题,规范已推迟到 CSS4 Chrome的盒子模型对显示的解释:内联块会导致闪烁。 如果改为切换到displ

如果我有标记:

<div class="a b"></div>
css是否可以防止伪元素触发.a类悬停


以下css为现代浏览器提供了窍门:

指针事件:无
允许元素不接收悬停/单击事件


小心

指针事件
对非SVG元素的支持处于相对早期的状态。给您以下警告:

在CSS中为非SVG元素使用指针事件 实验性。该功能曾是CSS3 UI草案的一部分 但是,由于许多未解决的问题,规范已推迟到 CSS4

Chrome的盒子模型对
显示的解释:内联块
会导致闪烁。

如果改为切换到
display:block
,您将获得对该框的正确解释。
Firefox没有此问题。
为确保盒子模型的解释一致,请使用以下方法:

.b:after {
  pointer-events: none;
  display: block;
}

在Chrome中查看以查看闪烁效果

以下css为现代浏览器提供了窍门:

指针事件:无
允许元素不接收悬停/单击事件


小心

指针事件
对非SVG元素的支持处于相对早期的状态。给您以下警告:

在CSS中为非SVG元素使用指针事件 实验性。该功能曾是CSS3 UI草案的一部分 但是,由于许多未解决的问题,规范已推迟到 CSS4

Chrome的盒子模型对
显示的解释:内联块
会导致闪烁。

如果改为切换到
display:block
,您将获得对该框的正确解释。
Firefox没有此问题。
为确保盒子模型的解释一致,请使用以下方法:

.b:after {
  pointer-events: none;
  display: block;
}

在Chrome中查看以查看闪烁效果

你能提供一个你想要什么和你拥有什么的快照吗?好吧,这是不可能的,因为伪元素是真实元素的子元素。选择器不能帮助吗?你能提供一个你想要什么和你拥有什么的快照吗?好吧,这是不可能的,因为伪元素是真实元素的子元素。选择器不能帮助吗?嗯这是个好主意,但我看到一个闪烁。。。有什么想法吗?嗯,我看不到一丝闪烁。你使用哪种浏览器/操作系统?我正在使用chromewindows7@tessi我只是注意到了一件事:如果我从底部进入。b:从底部进入之后,我会得到闪烁,但是如果我从其他方向进入,我不会得到闪烁。我可以在Chrome上复制(使用Linux)。Firefox工作完美无瑕。可能是chrome(ium)的bug(尽管我在他们的bug追踪器中找不到匹配的问题)。结论:最好不要在跨浏览器产品代码中使用
指针事件。。。有什么想法吗?嗯,我看不到一丝闪烁。你使用哪种浏览器/操作系统?我正在使用chromewindows7@tessi我只是注意到了一件事:如果我从底部进入。b:从底部进入之后,我会得到闪烁,但是如果我从其他方向进入,我不会得到闪烁。我可以在Chrome上复制(使用Linux)。Firefox工作完美无瑕。可能是chrome(ium)的bug(尽管我在他们的bug追踪器中找不到匹配的问题)。结论:最好不要在跨浏览器生成代码中使用
指针事件