css的选择器

标签选择器

格式如下：标签名{属性:属性值;}都是英文格式下的符号。

<style type="text/css">
	div {font-size: 50px;}
</style>

类选择器

格式如下：.类名{属性:属性值;}都是英文格式下的符号。

<style type="text/css">
	.class_name {font-size: 50px;}
</style>

id选择器

格式如下：#id名{属性:属性值;}都是英文格式下的符号。id属性必须是唯一的，建议使用英文命名，字符下划线数字组成（但不能数字开头）

<style type="text/css">
	#id_name {font-size: 50px;}
</style>

伪类选择器

格式如下：元素状态:{属性:属性值;} 根据元素的状态、位置或结构特征来应用样式，:hover（鼠标悬停）、:active（元素被激活）、:focus（元素获得焦点）和 :visited（已访问的链接）

例如p标签在鼠标移入时显示的样式：

<style type="text/css">
	p:hover{color: royalblue;}
</style>

共同选择器

格式如下：,:{属性:属性值;} 多个类或者多个标签等使用同一个样式，使用逗号隔开

<style type="text/css">
	p,div{color: royalblue;}
</style>

后代选择器

格式如下：选择器名 选择器名 :{属性:属性值;} 多个选择器使用空格隔开，他的后代元素使用这个选择器

<style type="text/css">
	p div{color: royalblue;}
</style>