CSS3：不不排除一個id

這裏我的CSS：

.text:not(#overview > *) { 
    margin-top: 10px; 
    margin-bottom: 10px; 
}

我想，一切都與類「文本」有餘量的頂部和底部的10px，但不是標有ID「概述」和其下的所有內容。但css沒有按預期工作。

我的代碼是做相反的 –

未按預期

感謝您的幫助亞辛？所以它不排除id本身的權利？對於您需要添加id還有：

.text:not(#overview) { 
    margin-top: 10px; 
    margin-bottom: 10px; 
}

你現在正在做什麼，只是在id而不是id本身內靶向一切。這將確保id也是有針對性的。

您也可以使用重置：

.text { 
    margin-top: 10px; 
    margin-bottom: 10px; 
} 
#overview.text { 
    margin-top: 0; 
    margin-bottom: 0; 
}

的id具有比類的更多的特異性。

2016-01-21 19:37:42

'.text：not（#overview，#overview> *）'是無效的CSS。否定僞類只能接受**簡單選擇器**。 – Quentin

感謝兄弟的快速和良好的反應，它與第二個 –

@Quentin更新了它。謝謝。 –

那麼你可以像這樣做，但不知道這是否是正確的方式！

.text { 
    margin-top: 10px; 
    margin-bottom: 10px; 
} 
#overview { 
    margin-top: 0; 
    margin-bottom: 0; 
}

2016-01-21 19:39:47 UnScope

這裏你不需要'！重要'。 –

雖然這可能有效，但它明確避免回答這個問題，即「*我如何使'：not（）'正常工作？」 –

@PraveenKumar Wasen不確定它是否會與.text衝突！我將編輯我的答案:) – UnScope

回答