标签选择器

所有指定(该)类型的HTML元素,如p即所有<p>标签

p {
  color: red;
}
<p>红色</p>

类选择器

具有特定类的元素(单一页面中,一个类可以有多个实例)

.box {
    width: 100px;
    height: 100px;
}
.red {
    background-color: red;
}
<!-- 单类名 -->
<div class="red">红色</div>
<!-- 多类名 -->
<div class="box red">红色100px</div>

id选择器

具有特定 ID 的元素(单一 HTML 页面中,每个 ID 只对应一个元素,一个元素只对应一个 ID)

#p1 {
    width: 100px;
    height: 100px;
    background-color: red;
}
<div id="p1">红色100px</div>

通配符选择器

选择文档中所有内容(或者是父元素中的所有内容,比如,它紧随在其他元素以及邻代运算符之后的时候)

* {
    margin: 0;
}
Last modification:June 30th, 2020 at 06:18 pm
如果觉得我的文章对你有用,请随意赞赏