1.元素选择器: 通过标签名直接选中元素
eg:p{ }; div{ }; a{ };等
2.ID选择器: 通过元素的ID属性值来选中一个元素
(ID是唯一的,不能共享)
eg:
#red{
color = red;
}
<p id = "red">这是一个例子</p>;
3.类选择器:通过元素的class属性值来选中一组(一类)元素
(class可以共享,可以通过class来为元素分组,
也可以为一个元素设置多个class)
eg:
.red{
color = red;
}
<p class = "red">这是一个例子1</p>;
<p class = "red">这是一个例子2</p>;
<p class = "red" class = “abc”>这是一个例子2</p>;
4.通配选择器:选择页面中的所有元素
eg:
*{
color = "red";
}