CSS3 常用选择器

  p:last-of-type{background-color: red;}  选择p中最后一项

  p:nth-of-type(2n){background-color: red;} 隔行变色里面也可以填写even 偶数变色 n 是计数器（从 0 开始）

  p:nth-of-type(2n+1){background-color: pink;} 隔行变色里面也可以填写odd 奇数变色 

  li:not(:last-child){border-right: 1px dashed black;} 选择全部排除最后一项，
   :last-child
 input[type^="text"]{   /**选择具有type属性且属性值为以text开头的字符串的input元素。**/
     background-color: red;
 }

 也可以写成[type^="text"] 这样范围更广一些

 input[value$="按钮"]{  /**选择具有value属性且属性值为以按钮结尾的字符串的input元素。**/
     background-color:pink;
 }

 input[value*="按钮"]{   /**选择具有value属性且属性值为包含按钮的字符串的input元素。**/
     background-color: green;
 }

 div:before{display:block;content:"before伪类,前面插入内容";width: 70px;height: 60px;background-color:pink;}
 div:after{content:"after伪类,后面插入内容";width: 60px;height: 70px;background-color: green;display:block;}

 p:nth-of-type(5){background-color: pink;} 选择p元素里面第五个值