2015-09-25 27 views
3

我想知道:not應該在這個代碼中去哪裏?使用:不適用於:有效(CSS)

outerBox:active .innerBox {display: block;} 

outerBox是所述第一元件和innerBoxmiddleBox是它的兒童的(?)。

當我點擊任何地方outerBox我希望它顯示innerBox,除非它的點擊太接近了middleBox中心(所以:not(middleBox)或類似的東西)。

有人可以告訴我/如何使用:不?

謝謝, Hello2215 :)

回答

4

您可以附加各種pseudoselectors。

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

謝謝,但我不能讓它工作 – Hello2215

+0

您可以與我們分享您的HTML,因爲我們需要看到structu重新瞭解所需的行爲。這個選擇器有效,另一個問題是如果你需要它或你需要它。 –

+0

我通過使用另一個活動顯示:第一個 – Hello2215

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

語法

:not(selector) { style properties } 

Examples

看到頁面Example