css的选择器：

大家好，我是逆战班的，这段时间学习了css选择器，在此做一个总结：
一、 id选择器
1、 id选择器：快捷键创建：div#elem + tab键 ->

2、 iD选择器的规范: 在一个页面中，ID是唯一值。( 身份证 )
3、 在css样式中的写法：#+类名+{}
二、 class的选择器
1、 class选择器是可以复用的。跟ID选择器有很大区别的，复用代码的能力非常强。（在网页中使用的频率非常强）。
2、 .可以添加多个class样式。跟id的区别就是id只能写一个，而他可以写多个，并且用空格隔开。
3、 在css样式中的写法：.+类名+{}
4、 标签加类的写法：div.eme{}

三、群组选择器
1、div , p , h1{ color:red; }

四、通配选择器
1、*{} ( *就是所有标签的意思 )

五、层次选择器
1、后代：M N:找m下的所有n，都可以产生效果。
2、父子：M ＞N找m下的子标签n 只有他的子标签可以产生效果。


3 兄弟 : M ~ N：~ 是找M标签后面的所有N标签
相邻 : M + N：+ 是找M标签后面相邻的N标签


注意：他只对下面的标签有效果，上面的不会有任何效果。
六、伪类选择器
1、CSS伪类用于向某些元素添加特殊的效果。一般用于初始样式添加不上的时候，用伪类来添加
主要这四个伪类是针对a标签的
:link 访问前的选择器 ( 只能加给a标签 )
:visited 访问过后的选择器 ( 只能加给a标签 )
:hover 鼠标移入的选择器 ( 所有标签都能添加 )
:active 鼠标按下的选择器 ( 所有标签都能添加 )
注意：a标签如果四个伪类都添加的话，那么是有顺序的 L V H A
一般的网站都只会设置a{ color:red;} a:hover{ color:blue;}

2、其他伪类选择器：:before :after ( 特点，不用单独在创建一个标签，就可以给文本添加样式 )

3、
1 input:checked{ width:100px; height:100px;}选中操作
2 input:disabled{ width:100px; height:100px;}禁止操作
3 input:focus{ background:Red;}


七、结构性伪类选择器
1、: nth-of-type() 表示选择器匹配同类型中的第n个同级兄弟元素，括号里写几表示第几个元素是
2、:first-of-type{} 表示给第一个子标签赋予样式
3、:last-of-type{} 表示给最后一个子标签赋予样式

1、 ：:nth-child() 表示选择器匹配属于其父元素的第 N 个子元素。
2、 ：:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。
3、 ：:last-child 选择器匹配属于其父元素的最后一个子元素的每个元素

以上就是几种常见的选择器，也是css必须掌握的要点，希望大家勤加练习，共同进步！