如何 select * 但排除？還是設置為默認樣式？

Question

瀏覽器通常為元素設置不同的默認 styles。 用戶還可以使用自定義樣式表覆蓋默認值。

我經常使用自己的 styles 覆蓋這些默認的 styles，例如：

* {padding:0; margin:0; }

但是，我希望尊重某些元素屬性的默認樣式表，例如<body>的默認填充和邊距。 我試過了：

*    { padding:0;       margin:0;       }
body { padding:default; margin:default; }

但它不起作用。 initial也不行。

有沒有辦法通過選擇所有元素但不包括<body>來解決這個問題？

Answer 1

有沒有辦法通過選擇所有元素但不包括<body>來解決這個問題？

由於默認情況下顯示在視口中的所有內容都包含<html> 、 <body>和<body>的內容，因此您可以只使用 select html和所有body的后代：

html, body * { margin: 0; padding: 0; }

default不起作用，因為沒有這樣的關鍵字。 initial不起作用，因為初始邊距為 0。使用 CSS 更改屬性后，無法將屬性重置為其瀏覽器給定的默認值。

Answer 2

html, head, head *, body * { }

Answer 3

<html>和<body> body> 的所有后代：

html, body * {padding:0;margin:0;}

Answer 4

使用body *選擇器。

body *{padding:0;margin:0;}

Answer 5

首先將它們設置為 0，然后覆蓋所需的值。 您最好使用 CSS 重置，但如果您真的想使用星號，此方法將起作用。

   * {
     padding:0;
     margin:0;
   }

   body, html {
     padding: 10px;
   }

如何 select * 但排除？ 還是設置為默認樣式？