CSS基础选择器

标签选择器

所有指定(该)类型的HTML元素，如p即所有<p>标签文章源自晓梦个人主页-https://www.xmbkw.com/8.html

p {
  color: red;
}

<p>红色</p>

类选择器

具有特定类的元素（单一页面中，一个类可以有多个实例）文章源自晓梦个人主页-https://www.xmbkw.com/8.html

.box {
    width: 100px;
    height: 100px;
}
.red {
    background-color: red;
}

<!-- 单类名 -->
<div class="red">红色</div>
<!-- 多类名 -->
<div class="box red">红色100px</div>

id选择器

具有特定 ID 的元素（单一 HTML 页面中，每个 ID 只对应一个元素，一个元素只对应一个 ID）文章源自晓梦个人主页-https://www.xmbkw.com/8.html

#p1 {
    width: 100px;
    height: 100px;
    background-color: red;
}

<div id="p1">红色100px</div>

通配符选择器

选择文档中所有内容（或者是父元素中的所有内容，比如，它紧随在其他元素以及邻代运算符之后的时候）文章源自晓梦个人主页-https://www.xmbkw.com/8.html

* {
    margin: 0;
}