# CSS樣式中星號是什么意思
在CSS中，星號（`*`）是一個特殊的選擇器符號，被稱為**通配符選擇器**或**全局選擇器**。它的作用是匹配HTML文檔中的**所有元素**，無論元素類型、類名或ID如何。下面我們將詳細解析其用法、應用場景以及注意事項。
---
## 一、基本語法與作用
```css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
<body>、<div>、<span>等所有標簽。許多瀏覽器對元素有默認的margin和padding（如<ul>、<p>），通過以下代碼可以快速清除：
* {
margin: 0;
padding: 0;
}
強制所有元素使用border-box盒模型，避免寬度計算問題：
* {
box-sizing: border-box;
}
星號可以與其他選擇器結合使用，例如選中某個容器內的所有子元素：
.container * {
color: blue;
}
性能影響
星號選擇器會遍歷所有DOM元素，在大型項目中可能降低頁面渲染速度。建議盡量縮小其作用范圍（如限定在特定容器內）。
樣式覆蓋問題
全局樣式可能被更具體的選擇器覆蓋，導致維護困難：
* { color: red; }
p { color: blue; } /* 實際生效 */
| 選擇器 | 示例 | 作用范圍 |
|---|---|---|
| 通配符 | * |
所有元素 |
| 元素選擇器 | div |
指定標簽元素 |
| 類選擇器 | .class |
指定class的元素 |
| ID選擇器 | #id |
唯一ID元素 |
form * {
font-family: Arial;
border: 1px solid #ccc;
}
@media (max-width: 768px) {
* {
font-size: 14px;
}
}
星號選擇器是CSS中一個強大的工具，但需權衡其便利性與性能代價。合理使用它能提高開發效率，過度依賴則可能導致樣式混亂。建議在小型項目或局部范圍內使用，并始終結合更精確的選擇器優化代碼。
提示：現代CSS框架（如Normalize.css）已提供更科學的全局樣式方案，可直接參考其實現方式。 “`
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
