HTML——选择器（3）

1. 选择器分类

   ---

   选择器
   			1.元素选择器 --- 标签名称选择器
   				就是根据标签名称进行定位查找
   				语法格式：
   					标签名称{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   			2.全局选择器 --- 匹配所有的标签
   				*{
   					样式名:样式值；
   					样式名：样式值；
   					....
   				}
   			3.根选择器
   				根 --- 只有子标签 没有父标签
   				:root{
   					样式名:样式值；
   					样式名：样式值；
   					....
   				}
   			4.id选择器
   				根据id属性值去进行定位查找标签的
   				#id值{
   					样式名:样式值；
   					样式名：样式值；
   					....
   				}
   			5.类选择器
   				根据class的属性值进行查找的
   					一个标签可以赋予多个类
   					一个类可以被应用于多个标签
   					多个类使用空格分开
   					<开始标签 class="类1 类2 类3"></开始标签>
   				.类名{
   					样式名:样式值；
   					样式名：样式值；
   					....
   				}
   			6.属性选择器
   				name  title href 这些属性是没有特殊符号可以表示的 如果我想通过这些属性来进行定位查找 怎么操作？？ 格式如下：
   				只根据属性名进行定位的
   					选择器[属性名]{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   				明确属性值定位查找
   					选择器[属性名=“属性值”]{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   				多个属性的筛查
   					选择器[属性1][属性2]{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   				筛选属性值以指定内容开头
   					选择器[属性^="内容"]{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   				筛选属性值以指定内容结尾的
   					选择器[属性$="内容"]{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   					
   				筛选属性值包含指定内容
   					选择器[属性*="内容"]{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   			7.包含选择器
   				定位具有标签嵌套这种格式的标签的
   				父找直接子标签
   					父标签对应的选择器 > 子标签对应的选择器{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   				先辈找后辈标签(包含子标签)
   					先辈标签对应的选择器 后辈标签对应的选择器{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   			8. 伪类选择器
   				鼠标悬浮选择器: 当鼠标悬浮到这个标签上就能触发这个选择器
   					选择器:hover{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   				针对于超链接的
   					未被访问
   						:link 
   					即将访问
   						:active
   					访问后
   						:visited
   			9. 结构选择器
   				否定选择器
   					选择器:not(选择器1){
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   					在选择器中定位到没有选择器1标记的标签
   				空节点选择器
   					找全局空节点
   					:empty{	
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}
   					找指定选择器中为空间点的
   					选择器:empty{}
   				针对于一些被包含的标签的结构选择器 例如 td li 
   						选择器:first-child 指定选择器下的第一个子节点
   						选择器:last-child 指定选择器下的最后一个子节点
   						选择器:nth-child(数值/even/odd) 指定选择器下的第几个节点  或者 偶数行  或者是奇数行
   						
   			10.组合选择器
   				不同标记的标签 样式是一样
   					选择器1, 选择器2, 选择器3,...{
   						样式名:样式值；
   						样式名：样式值；
   						....
   					}