1、css選擇器和定義方式，class怎么同時定義兩個div？

同時定義兩個div，同時使用相同的class即可。

建議看下css選擇器的使用方法。

類選擇器選擇有特定 class 屬性的 HTML 元素。

如需選擇擁有特定 class 的元素，請寫一個句點（.）字符，后面跟類名。

實例

在此例中，所有帶有 class="center" 的 HTML 元素將為紅色且居中對齊：

.center { text-align: center; color: red; }

2、如何定義input標簽中type？

第一種：

.style1{color:red;}

.style2{color:green;}

<input type="text" class="style1" />

<input type="password" class="style2" />

第二種：

<input type="text" style="color:red;" />

<input type="password" style="color:green;" />

第三種：css3選擇器，ie低版本不支持

input[type=text]{color:red;}

input[type=password]{color:green;}

<input type="text" />

<input type="password" />

當然還可以根據js去做

3、css3有哪些特性？

新增各種CSS選擇器 （: not(.input)：所有 class 不是“input”的節點）

圓角 （border-radius:8px）

多列布局 （column）

陰影和反射 （Shadow\Reflect）

文字特效 （text-shadow）

線性漸變 （gradient）

旋轉，縮放,定位,傾斜 （transform

多背景，背景裁剪

4、css的優先級怎么判斷？

CSS選擇器中比較常見的有標簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上，CSS選擇器如果細分下來，竟然多達40多種。那他們的優先級該怎么比較呢，下面就來看看吧。

● 不同級別

1. 在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。

2. 作為style屬性寫在元素內的樣式

3. id選擇器

4. 類選擇器

5. 元素選擇器

6. 通配符選擇器

7. 瀏覽器自定義或繼承

總結排序：!important > 行內樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認屬性

● 同一級別

(1) 同一級別中后寫的會覆蓋先寫的樣式

(2) 同一級別css引入方式不同，優先級不同

總結排序：內聯(行內)樣式 > 內部樣式表 > 外部樣式表 > 導入樣式(@import)。

對于選擇器優先級，還可以通過計算權重值來比較