css3选择器的变化

 

　　(1). 属性选择器：

　　　　eg:    [src=“asdsdas.jpg”]     [src]     img[src="sadadsad.jpg"]    // 选择带有方括号内指定属性的元素，可以只写属性名 ，可以不写标签名，但是不能只写元素属性值，而且属性后的属性值必须加引号

　　　　拓展：   //另外的可以匹配单字  ，开头最后都可以！！ 主要是~=  |=   ，例如   都可以匹配   "asa"  

　　　　　　^= 开头匹配

　　　　　　$= 结尾匹配

　　　　　　~= 空格匹配      //凡是不和别人粘连的   必须前后都不粘连    开头结尾一面不粘连

　　　　　　|= 短横匹配　　　//[alt|="asa"]     匹配出     asa     asa-   并且必须是以它开头的.

　　　　　　*= 任意匹配      //任何地方有都可以 

　　(2).儿子序列的选择器：    

　　　　以下例子  x代表某元素 

　　　　y x:first-child //y元素的第一个x元素 

　　　　y x:last-choild  //y元素的最后一个x元素 

　　　　y x:nth-child(2)  //y元素的第二个x元素   注意！下标从1开始

　　　　y x:nth-child(3n 2)  //y元素的 第 2 5  8 之类的 。。。  按条件  ， 3  和2 值可以自行换 ，

　　　　//如果  y x:nth-child(3n 2)   就是 在每一个含有x元素的div元素里面的x元素的儿子集合内选择 2  5  8  11。。。。的元素

　　　　//坑：不是标签的顺序，而是儿子的顺序！在总的儿子里筛选数字 ，然后才看是不是指定元素 

　　　　:first-child   IE7

 

　　　　:last-child    IE9

 

　　　　:nth-child()   IE9

 

　　　　:nth-last-child()  IE9

 

　　　　:first-of-type   IE9     //筛选第几个class的

 

　　　　:last-of-type    IE9

 

　　　　:nth-of-type   IE9

 

　　　　:nth-last-of-type  IE9