使用：不使用：active（CSS）

Question

我想知道:not在这段代码中应该放在哪里？

outerBox:active .innerBox {display: block;}

outerBox是第一个元素，而innerBox middleBox是其中的孩子（？）。

当我点击outerBox中的任意位置时，我希望它显示innerBox，除非点击过于靠近middleBox的中心（所以:not(middleBox)或其他内容那样的。）

有人可以告诉我如何/在哪里使用：不是吗？

谢谢， 你好2215：）

Answer 1

你可以附加各种假选择器。

.outerBox:active:not(.not-class) .innerBox {display: block;}

Answer 2

.outerBox:active:not(:not(X)) .innerBox {display: block;}

<强>语法

:not(selector) { style properties }

Examples

请参阅第Example页