在div標簽中按標簽樣式

Question

不知道這是否可行，但是您可以在div標簽中設置單個標簽的樣式嗎？ EG，我可以在頁面的一部分周圍放一個<div> ，然后說使所有<h2>標簽變成綠色嗎？ 這有可能還是您必須使用類？ 謝謝

Answer 1

如果我了解您的要求是正確的，那么可以。 這是一個例子 。 有關更多信息，請閱讀CSS選擇器 。

重新閱讀問題時，在div中設置任意元素樣式的唯一方法是使用類或id（使用CSS選擇器）。 這是另一個使用選擇器為單個項目設置樣式的示例 。

Answer 2

對於任何單個任意元素， 必須使用ID或一次性類，然后選擇該類：

#green-headings h2 { color: green; }

但是，如果可以使用CSS選擇器查詢有關<div>某些結構信息，則可以使用CSS偽類，而無需在標記中添加ID或類。 例如，如果您的<div>始終是body的第一個孩子：

body > div:first-child h2 { color: green; }

Answer 3

綠色HTML的背景

<div> 
   <p>hello everyone!</p>
   <div> hi. i'm a green bgd box</div>
   <p>nice. i don't have background.</p>
</div>

CSS

div > div {background-color: green}