div 中的每个元素是否有 CSS 选择器查询

Question

我想为div 中的每个内容应用样式

例：

<div id="myDiv">
<h1>...</h1>
<p>...</p>
<img ... />
<div>
<a>...</a>
<a>...</a>
</div>
<button>...<button>
<div>

.css：

#myDiv {
padding : 5px;
color : #2B2B2B;
font-weight : 700;
}

我希望div 中的所有元素都具有与div 相同的样式

我正在寻找的查询是这样的#div , #div MY_ALL_ELEMENTS

也许这个愚蠢的问题，但我是新手css

Answer 1

是的，通用选择器*.对于所有直接可分量，请使用子运算器#div > *。

Answer 2

在您的情况下，该选择器将是#myDiv * { ... }，它选择#myDiv中的所有元素(不仅是直接子元素，还包括子元素等(

#myDiv * {
padding : 5px;
color : #2B2B2B;
font-weight : 700;
}

<div id="myDiv">
<h1>bla</h1>
<p>bla bla bla bla</p>
<img bla />
<div>
<a>bla  bla </a>
<a>bla bla bla</a>
</div>
<button>bla</button>
<div>

Answer 3

你需要使用通用选择器

#myDev , #myDev * 
{
...
}