CSS 伪类 active 的行为类似于事件冒泡

Question

我是 CSS 的新手。 类似于 javascript 事件冒泡，当我应用伪代码事件类时，它的行为是一样的!

我的 HTML 为:

<div id="newContainer">
<span class="outerPara">I am outer para with <span class="innerPara">InnerPara</span> in me.</span>
</div>

和 CSS 为:

#newContainer span.outerPara:active, #newContainer span.innerPara:active{
background-color: red;
}

在这里找到 fiddle :http://jsfiddle.net/sadepu/9M7ek/

当内部元素处于事件状态时，外部元素是否也处于事件状态？如果它处于事件状态，我们是否可以停止它？

Answer 1

是的，CSS 伪选择器的工作方式与事件冒泡在 Javascript 中的工作方式几乎相同，尽管您不能在 CSS 中执行类似 e.stopPropagation() 的操作，而我们在 JS 中可以。

如果你真的必须停止事件冒泡，我建议你使用 Javascript 方式 & :active 可以通过 mousedown () & mouseup() 事件。