CSS3新增选择器

属性选择器

[attribute]   :    

/*选择所有带有target属性元素  */
[target]    

[attribute=value]   :  

 /*选择所有使用target="-blank"的元素    */
   [target=_blank]   

[attribute~=value]  :    

/*选择标题属性包含单词"flower"的所有元素   */
  [title~=flower]     

[attribute|=language]  :    

/*选择 lang 属性以 en- 为开头的所有元素*/
  [lang|=en]    

 
[attribute^=value]     ：  

 /*选择每一个src属性的值以"https"开头的元素*/
 a[src^="https"]   

   
[attribute$=value]     ：    

/* 选择每一个src属性的值以".pdf"结尾的元素    */
   a[src$=".pdf"]   

[attribute*=value]     ：  

/*选择每一个src属性的值包含子字符串"runoob"的元素  */
a[src*="runoob"]    

 

伪元素选择器

::first-letter 选择每一个元素的第一个字母或者第一个汉字

::first-line 选择每一个 元素的第一行

::before 在每个元素之前插入内容

::after 在每个元素之后插入内容

伪类选择器

x:nth-child(n) 选择某个元素是其父级的第n个x子级元素。

x:nth-last-child(n) 选择某个元素是其父级的倒数第n个x子级元素。

x:nth-of-type(n) 选择某个元素是其父级的第n个x子级元素（同级)

       n可以是简单的运算：如隔行换色：2n-1

x:nth-last-of-type(n) 选择某个元素是其父级的倒数第n 个x子元素

:last-child p:last-child 指定只有选择每个p元素是其父级的最后一个子级。

:first-child p:first-child 指定只有当元素是其父级的第一个子级的样式、