CSS选择器

选择器

要使用CSS对HTML页面中的标签实现一对一，一对多的控制，这就需要用到CSS选择器

通俗讲选择器就是将分离后的样式表 与 网页内容联系
分为如下几类:

标签选择器

/* 标签选择器:选择页面中的所有指定标签 
    语法: 标签名{}                */
			p{
				color: #0000FF;
				font-size: 80px;
				
			}

类选择器

/* 类选择器:匹配指定的类名对应的标签
    语法: .类名{}                */
		.p1{
			color: #0000FF;						
		}
/* 选择器组合   提取公共属性 */
		 .p1,.p2{
			font-size: 80px;
		}

id选择器

/* id选择器  通过标签的id属性值选中唯一的一个标签
    语法:#id号{}                           */
		#cf1{
			color: aquamarine;
		}

通配选择器

/* 通配选择器  可以用来选中页面中的所有的标签 */
		*{
			color: aqua;
		}

选择器的优先级:
通配选择器<标签选择器<类选择器<id选择器(注:行级样式优先级 高于所有的选择器)

用位置来选择需要修饰的选择器,又分为以下四种:

后代选择器：选中指定标签的指定后代标签

​ 语法： 祖先标签 后代标签{}

子标签选择器：选中指定父标签的指定子标签

​ 语法： 父标签 > 子标签

选中指定标签的相邻标签

​ 语法：选择相邻选择器：器 + 相邻{}

兄弟选择器：选中指定标签的兄弟标签

​ 语法：选择器 ~ 兄弟{}

在CSS中，祖先标签上的样式，也会被他的后代标签所继承, 利用继承，可以将一些基本的样式设置给祖先标签，这样所有的后代标签将会自动继承这些样式