1、css 相鄰兄弟選擇器，使用css3的屬性選擇器設置搜索？

通過設置搜索框的width屬性和heoght屬性來設置搜索框的大小。

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的類選擇器和id選擇器各有什么優勢？

ID用于標識頁面上的特定元素（比如站點導航），而且必須是唯一的。 ID也可以用來標識持久的結構性元素，例如主導航或內容區域。ID還可以用來標識一次性元素，例如某個鏈接或表單元素。一個ID只能應用于頁面上的一個元素。

class同一個類名可以應用于頁面上任意多個元素，因此類的功能強大的多。類非常適合表示內容的類型或其他相似的條目。

在實際開發中，要根據實際使用情況來決定是使用哪種樣式。對于單一元素的在單一界面的展示樣式可以推薦是用id來定位。多余多個界面公用，或者同一界面多個元素風格一致，樣式統一使用class類要方便的多。

下面就是最簡單的一個小例子：

展示效果：

4、css怎么同時讓重疊的兩個div在鼠標放上時被選中？

你試試這個是不是你要的效果，兩個元素父子關系，鼠標經過，分別改變父子的高度、寬度。如果這個不是你要的，你可以嘗試js，肯定能實現。

<style> .box{ position: relative; width: 200px; height: 200px; background: #f00; transition: all ease 0.5s} .box2{ position: absolute; width: 200px; height: 200px; background: #ff0; opacity: 1 } .box1:hover{ height: 500px; } .box1:hover .box2{ width: 500px; } </style>

<div class="box box1">

<div class="box box2">

</div>