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屬性來設置搜索框的大小。