基础选择器

由单个选择器组成的就是基础选择器。

分类

• 标签选择器
• 类选择器
• id选择器
• 通配符选择器

标签选择器

用HTML标签名作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。

语法

标签名{
	属性1:属性值1;
	属性2:属性值2;
	属性3:属性值3;
  ……
}

作用

标签选择器可以把某一类标签全部选择出来

例

把男生都变成绿色，女生变成粉色。毕竟“爱是一道光，绿……”

		



男生
男生
男生
女生
女生
女生

优点

能快速为页面中同类型的标签统一设置样式。

缺点

• 不能设计差异化样式，只能选择全部的当前标签。
• 标记选择器无法选择这一类标签里面的单独一个，比如无法只改变其中的一个

CSS基础选择器

类选择器

如果想要差异化选择不同的标签，单独选一个或者几个，可以使用类选择器。

语法

注意此处以点开头

	.类名{
		属性1：属性值1;
		……
	}

例如，将所有拥有red类的HTML元素均为红色

	

		
我是红色
	

结构需要用class来调用

变红色

口诀

样式点定义，结构类（class）调用，一个或多个，开发最常用

就是相当于给这个起名字了。

跟其他的标识符的表示的规范要求差不多。