是否有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 * 
{
    ...
}