CSS選擇器：星號在以下2行中的含義

Question

.style1 * { 
    vertical-align: middle; 
} 

..如果我把它拿出來，這種風格的東西不再是垂直對齊的。

Answer 1

這是Universal Selector，並會匹配任何元素。你寫的選擇器將匹配元素後裔與類「style1」的任何元素。

Answer 2

*是通配符選擇器，它在style1類上選擇元素內/下的任何元素。

Answer 3

正如其他人所說，它是通用選擇器，選擇.style1下的所有後代元素。爲了證明：

鑑於這種HTML：

<div class="style1"> 
    <p>foo</p> 
    <div>bar</div> 
</div> 

而這個CSS：

.style1 { border: 1px solid; } 
/* styles applied to the .style1 element */ 

--------------- 
| foo  | 
|    | 
| bar  | 
--------------- 

.style1 * { border: 1px solid; } 
/* styles applied to descendants of .style1 */ 

--------------- 
| foo  | 
+-------------+ 
| bar  | 
---------------