通配选择器:
作用:可以选中所有的 HTML 元素
语法:
* {
属性名:属性值;
}
例:
注:目前看来通配选择器貌似是有点鸡肋 但后面清除样式时 会对我们有很大的帮助 后面会详细讲解
元素选择器:
作用:为页面中 某种元素 统一设置样式
语法:
标签名 {
属性名:属性值;
}
例:
注:元素选择器无法实现 差异化设置 例如上面的 p 元素中所有的 p 元素效果都是一样的
类选择器:
作用:根据元素的 class值 来选中某些元素
语法:
.类名 {
属性名:属性值;
}
例:
注:
ID选择器:
作用:根据元素的 id 属性值 来精准的选中某个元素
语法:
#id值 {
属性名:属性值;
}
注:id 属性值:尽量由字母、数字、下划线( _ )、短杠( - )组成,最好以字母开头、不要包含空
格、区分大小写。
一个元素只能拥有一个
id
属性,多个元素的
id
属性值不能相同。
一个元素可以同时拥有
id
和
class
属性。
例:

基本选择器小总结:
