1、css分组选择器讲解，CSS选择器first？

.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点，你前面有个content所以会失效

1

2

3

你把这里的span去掉和加上再看效果 就明白了

2、css选择器中后代选择器与子选择器的区别？

css后代选择器和子选择器的区别介绍：

1 css后代选择器语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙子，只要是都会被选中，为后代选择器。2、css子元素选择器语法：h1>em{color:red;} 表示的是从h1开始里面的第一层em元素变成红色，h1为祖先，em为儿子，就像世袭制一样，只能传给儿子，孙子和其他堂亲都不行

3、css怎样选择不同的div？

看看是不是你要的 <style type="text/css"> .warp .content{ background-color: #ccc; height: 30px; } .warp .content:first-child{ background-color: #000; } </style> <div class="warp"> <div class="content">1</div> <div class="content">2</div> <div class="content">3</div> </div> css没有同级选择的。只需要换个思路就行了。 一般来说，动态调整css都是使用js来做。

4、使用css3的属性选择器设置搜索？

通过设置搜索框的width属性和heoght属性来设置搜索框的大小。