基础选择器
基础选择器有五种，是所有复杂选择器的积木：
- 标签选择器
p：选中所有该标签，适合设置全局默认样式。 - 类选择器
.box：选中 class 含有 box 的元素，最常用、可复用，一个元素可以有多个 class。 - ID 选择器
#top：选中唯一 id 的元素，页面内应只出现一次，一般不用于批量样式。 - 通配选择器
*：选中所有元素，常用于清除默认内外边距。 - 属性选择器
[type="text"]：按属性匹配，CSS3 中会重点展开。
日常写样式的心法：能用类选择器就用类选择器。它语义清晰、便于复用，也不会像标签选择器那样「殃及无辜」。
本节要点记住
.类 / #id / 标签 / * / [属性] 五种基础选择器；类选择器是主力；一个元素可以同时拥有多个 class。CSS
<style>
* { margin: 0; } /* 通配：清掉默认外边距 */
p { color: #444; } /* 标签：所有段落 */
.box { /* 类：可复用 */
border: 1px solid #ccc;
}
#main { width: 600px; } /* id：唯一元素 */
[hidden] { display: none; } /* 属性：带 hidden 属性就隐藏 */
</style>
<p>普通段落</p>
<p class="box">带 box 类的段落</p>
<div id="main">主区域</div>📚 推荐阅读
来自万象云档的免费在线书籍，点击封面直接阅读