css3的选择器

day12 09.06 css3
一 .基本选择器
1.*通配符
2.元素选择器、类型选择符、标签选择器（div 、p）
3.类选择器  .class名
4.id选择器   #id名
5.群组选择符  选择符1，选择符2......
二.层次关系选择符
1.E F 后代选择符，包含选择符了，找到E下面的F元素
2.E>F  子代选择器，找到E下面儿子F，F一定是E的儿子，不能是孙子。
3.E+F相邻兄弟选择器，F一定是E的后面相邻兄弟选择器
4.E~F 匹配到E元素后面所有的F兄弟元素
三.动态伪类选择器
a:link  链接未被访问的状态
E:hover  鼠标放上去的状态（其他元素也可以使用）
E:active   鼠标按下并没有放开的时候显示的状态
a:visited   链接已被访问过的状态
input：focus   获取焦点时显示的状态，（因看的不是很明显，则要把外边线要清除。）
<input type="text">  input{ border:1px solid red   }
                               input{outline:none;}
 四、目标伪类
 E:target     目标伪类选择器  ，即要是目标元素也要是E元素，目标元素是根据url判定
 五、语言伪类选择器
 q:lang(no){quotes: "~" "~"}       
 <p>圣诞节时间的话坚实的坚实的
 <q lang="no">设计师</q>积少成多实施计划</p>
 六，状态伪类选择器
 E：checked 选中状态伪类选择器 （单选框，复选框）
 E：enable  启用input的状态
 E：disabled   input被禁用时候的状态
 E::selection 选中E元素文字的状态（不能设置文字的大小）
 六、否定伪类选择器
 E：not（.l2）选中E元素中，除了.l2的所有E元素。
  <li>1</li>
        <li class="l2">2</li>
        <li>3</li>
        <li>4</li>
 七、结构伪类选择器
 E：first-child   找到父元素的第一个子元素，并且第一个子元素为E元素。
 E：last-child    找到父元素的最后一个子元素，并且这个元素为E元素。
 E：nth-child（n）  找到父元素的第n个子元素，并且这个元素为E元素。
 E：nth-child(2n)  找到父元素下面的子元素位置为偶数元素，并且这个元素为E元素
 E:nth-child(2n-1|2n+1)找到父元素下面的子元素位置奇数的阿匀速，而且这个元素要为E元素
 E:nth-last-child(n) 找到父元素下面倒数第n子元素，而且子元素要为E元素
 E：nth-of-type(n) 找到这个类型元素的第几个元素
 E:nth-last-of-type(n) 找到这个类型元素的倒数第几个元素
 E:first-of-type 找到这个类型元素的第一个元素
 E:last-of-type找到这个类型元素的最后一个元素
 E:only-child  找到父元素下面的子元素，且该父元素只有这一个子元素。不可以包含其他类型元素。
 E:only-of-type  找父元素下该类型的元素，且只有一个这样类型的元素。可以包含其他类型元素。
 E:empty 找到父元素下面E元素内容为空的元素
 八、属性选择器
                1、E[attr] 找到E元素有attr 属性的元素
                2、E[attr="value"] 找到E元素有attr属性，并且属性值为value的元素
                3、E[attr*="value"] 找到E元素有attr属性，属性值中包含有value
                4、E[attr$="value"] 找到E元素有attr属性，并且属性值以value结尾的元素
                5、E[att^="value"] 找到E元素有attr属性，并且属性值以value开头的元素
九、伪元素选择器 
            1、E::before 添加E元素的第一个子元素
            2、E::after 添加E元素的最后一个子元素
            E::before{
                content："";
            }
            3、E::first-line 改变E元素的第一行样式
            4、E::first-letter  改变E元素中第一个字符的样式
            E::first-line 和E::first-line只能给块级元素设置