分为:1.基础选择器:标签选择器、id选择器、类选择器、通配符选择器。
2.高级选择器:后代选择器、交集选择器、并集选择器。
1.1 标签选择器:通过标签的名字来进行选择。方法:标签名 。选择范围:选中的是整个的HTML文件中的所有同名标签 例:
p{
color: red;
}
h2{
color: green;
}
注意:标签选择器的效果只与标签名相关,与它的嵌套多少层无关,嵌套再深也可以用标签选择器选中。
优点:可以通过一个标签选择器选中所有同名标签,可以清除默认显示样式、或者设置初始样式。
p{
color: red;
margin: 0;
}
缺点:标签选择器选择范围太广,没办法使用标签选择器只给其中部分标签添加特殊样式。
1.2 id选择器:通过标签上的id属性去选择标签。方法:#id属性值。选择范围:只有一个标签。
标签的id属性值命名规则:必须以英文字母开头,后面可以有字母、数字、下划线或横线,区分大小写。一个HTML文件中每个id都是唯一的。例:
这是一个段落标签
#para{
color: red;
}
缺点:不能用同一个id选择器去选中多个标签,如果多个标签具有相同的样式,使用id选择器必须给每个标签添加不同的id属性,通过每个id选择器选中后&#x