簡體   English   中英

如何覆蓋 CSS 的 * 選擇器以更改正文的背景顏色?

[英]How can I override the * selector for CSS to change my body's background colour?

我正在嘗試使用容器div來容納我的網頁,並將其背景設為白色。 但是,在那個容器后面,我想讓背景變黑。 我怎樣才能做到這一點? 當我使用 * 時,它會使整個頁面變黑,這是我不想要的。

<html>
<body>
<p>Hello World</p>
</body>
</html>

要設置整個身體的背景,只需將以下內容添加到您的 css 中

html {
    background-color: black;
}

body {
    background-color: white;
}

查看https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors以獲取有關不同類型 CSS 選擇器以及如何使用它們的更多信息。

CSS 類型選擇器按節點名稱匹配元素。 換句話說,它選擇文檔中給定類型的所有元素。

句法

element { style properties }
<html>
  <body>
    <div id="container">
      <p>Hello World</p>
    </div>
  </body>
</html>

您可以使用容器 div 元素將內容包裝在 body 標簽內,如上所示。 我創建了這個codepen來展示如何應用 css 來實現你的目標。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM