标签：
1.新增背景设置功能
代码如下：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div{ width: 700px; height: 700px; background-image: url("1.jpg"), url("2.jpg"),url("3.jpg"); border: 10px solid #a0866a; padding: 10px; background-size: 50px 50px,100px 100px,200px 200px; background-origin:content-box; background-position: 0 0,100px 100px,300px 300px; background-repeat: no-repeat; background-clip: content-box; } </style> </head> <body> <div></div> </body> </html>
2.新增选择器
E:checked_after
代码如下：
<style> /*相邻选择器: 选择紧跟在后面的元素*/ E:checked + E1 { /*可对内容设置*/ } /* after表示在该元素后面添加文本 */ E:checked + E1:after { } </style>
E:empty
代码如下:
/*匹配没有任何子元素（包括text节点,文本内容）的元素E*/ E:empty { }
E:input_focus
/*选中时,对其设置*/ E:focus { }
E:last_child
/*匹配父元素的最后一个子元素E*/ E:last-child { }
E:nth_child
/*匹配父元素的第n个子元素E*/ E:nth-child(n) { }
E:nth_last_of_type
/*匹配同类型中的倒数第n个同级兄弟元素E*/ E:nth-last-of-type(n) { }
E;nth_of_type
/*匹配同类型中的第n个同级兄弟元素E*/ E:nth-of-type(n) { }
E:only_child
/*匹配父元素仅有的一个子元素E*/ E:only-child { }
E:only_of_type
/*匹配父元素仅有的一个子元素E*/ E:only-child { }
E:test
/*对属性class等于E1设置*/ E[class|="E1"]{ }
标签：
原文地址：http://www.cnblogs.com/yttbbd/p/4634605.html
