是有內部的div每個元素

Question

我要爲每一件事情申請內格樣式的CSS選擇器查詢

例如：

<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

是的，universal selector *。全部直接後代，使用child combinator #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 * 
{ 
    ... 
}