1、關(guān)于css選擇器的一個(gè)重要問(wèn)題，id是什么類(lèi)型的選擇器？

id是css的唯一選擇器，使用ID選擇器，必須給標(biāo)簽添加上id屬性，為標(biāo)簽設(shè)置id="ID名稱(chēng)"。

2、css3中偽類(lèi)選擇器由什么組成？

w3c規(guī)范中偽類(lèi)有：

active、hover、link、visited 【css1】

所有主流瀏覽器都支持以上偽類(lèi)，但是只在對(duì)標(biāo)簽上的支持最好。

【css2】的有3個(gè)

focus ： 如果規(guī)定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)

first-child：必須聲明<!doctype>才能夠確保在ie中正常支持

lang：如果規(guī)定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)

3、css3有哪些特性？

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

圓角 （border-radius:8px）

多列布局 （column）

陰影和反射 （Shadow\Reflect）

文字特效 （text-shadow）

線性漸變 （gradient）

旋轉(zhuǎn)，縮放,定位,傾斜 （transform

多背景，背景裁剪

4、css怎么增加邊框沒(méi)有間隙？

css增加邊框沒(méi)有間隙的方式如下

方法一：通用兄弟選擇器( ~ )

Document

ul {margin: 0; padding: 0;}

li { list-style: none; height: 50px; line-height: 50px;}

li~li {border-top: 1px solid #000;}

1

2

3

4

5

6

li~li {...} 中的 ~ 符號(hào)稱(chēng)為通用兄弟選擇器，匹配P元素之后的P元素，所以第一個(gè)P元素不會(huì)匹配到。

方法二：偽類(lèi)選擇器( :first-of-type / :last-of-type )

Document

ul {margin: 0; padding: 0;}

li { border-top: 1px solid #000; list-style: none; height: 50px; line-height: 50px;}

li:first-of-type {border-top: none;}

1

2

3

4

5

6

首先將所有 li 設(shè)置 border-top，然后用 :first-of-type 查找到第一個(gè) li ，取消border-top。