我一直在嘗試編寫特定的 CSS，這將強制文檔中的所有 div 沒有邊距和填充。我有什么想法可以實現這一目標嗎？我努力了：body > div:not(header) { margin: 0 ; padding: 0 ;}div:not(header){ margin:0 !important; padding:0 !important; }這些示例要么不起作用，要么仍然更改頁眉和/或頁腳內的 div在某些上下文中，我正在創建一個帶有插件的自定義 WordPress 模板，其中除了全局主題頁眉和頁腳元素之外，我需要所有元素都沒有邊距和填充，因為我不想更改這些元素。
1 回答
蝴蝶不菲
TA貢獻1810條經驗 獲得超4個贊
在選擇器鏈中使用:not()“自由”幾乎沒有意義。將無法達到預期的結果 - 因為如果允許中間任意級別的元素，通常會有一個與選擇器不匹配:not()，因此使整個選擇器再次匹配。
它在您可以將其“釘”到特定位置的情況下更有用 - 例如
body > :not(header) div
這將影響div容器元素內的所有內容，該元素本身是 body 的直接子元素，而不是 type header。
但是這樣你就不能再去body > :not(header) div, body > :not(footer) div- 因為所有的 div 要么不在header，要么不在footer( 不能同時在兩者中。)
所以你必須同時應用這兩個“限制”：
body > :not(header):not(footer) div
這會影響 body 子級的所有 div，如果該子級本身不是header 且不是footer。
- 1 回答
- 0 關注
- 119 瀏覽
添加回答
舉報
0/150
提交
取消