css之常用選擇器，css元素定位工具？
cssSelector定位，屬于CSS高級(jí)等位，它的定位方式，利用選擇器進(jìn)行的。在CSS 中，選擇器是一種模式，用于選擇需要添加樣式的對(duì)象。“CSS” 列指示該屬性是在哪個(gè)CSS 版本中定義的。(CSS1、CSS2 還是CSS3。);
下面羅列了一部分的CSS定位方式。看到這么多是否覺得CSS不再簡單，其實(shí)不然常用的幾種方式作者已標(biāo)記，CSS定位是平常使用過程中非常重要的一種方式。它與Xpath定位有諸多類似的地方，但是無論從性能還是語法上來說CSS都是比較有優(yōu)勢的。
1、一般情況下定位速度要比XPATH快
2、語法比Xpath要簡潔
CSS樣式是專門用來進(jìn)行什么的？
CSS即層疊樣式表（Cascading Style Sheets），是一種專門用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。
CSS樣式主要包含以下三種類型：
1、行內(nèi)樣式（內(nèi)嵌樣式）：結(jié)構(gòu)的內(nèi)部，即寫在標(biāo)簽內(nèi)的樣式；寫在標(biāo)簽的開始部分內(nèi)部，style屬性當(dāng)中。
例：<標(biāo)記 style="樣式的屬性名1：樣式的屬性值1；屬性名2：屬性值2；......"></標(biāo)記>
2、內(nèi)部樣式（內(nèi)聯(lián)樣式）：寫在HTML頁面內(nèi)部，存放于head標(biāo)記當(dāng)中，樣式寫在style標(biāo)記內(nèi)。
例：<style>選擇器 {屬性名：屬性值；屬性名：屬性值；......}</style>
3、外部樣式（外聯(lián)樣式）：寫在css文件內(nèi)。
css中focus的用法？
在css中，focus的意思是“焦點(diǎn)”，是一種偽類選擇器，作用是選取獲得焦點(diǎn)的元素；通過“:focus”選擇器可以對(duì)獲取焦點(diǎn)的元素設(shè)置樣式，語法為“元素:focus{css樣式代碼;}”。
在css中，focus是焦點(diǎn)的意思，通常表示的是“:focus”選擇器，“:focus”選擇器用于選取獲得焦點(diǎn)的元素。接收鍵盤事件或其他用戶輸入的元素都允許 :focus 選擇器。
css復(fù)合選擇器有哪三種？
1、元素選擇器 標(biāo)簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用：通過它可以同時(shí)選中多個(gè)選擇器對(duì)應(yīng)的元素(通常用于集體聲明)
語法：選擇器1，選擇器2，選擇器n{ }
5、復(fù)合選擇器(交集選擇器)
作用：選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性
語法：選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格，要緊挨在一起
6、通配選擇器
作用：用來選中頁面中所有的元素
語法：*{ }
7、后代元素選擇器
作用：選中指定元素的指定后代元素
語法：祖先元素 后代元素{ }
8、子元素選擇器
作用：選中指定父元素的子元素
語法：父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態(tài)
:hover 移入時(shí)元素的狀態(tài)
:visited 已被訪問過后的元素的狀態(tài)
:active 被點(diǎn)擊時(shí)元素的狀態(tài)
10、 屬性選擇器
作用：根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素
語法：[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素
11、兄弟元素選擇器
+選擇器
作用：選中一個(gè)元素后緊挨著的指定的兄弟元素
語法：前一個(gè)+后一個(gè)(作用在后一個(gè))
~選擇器
作用：選中后邊所有的制定兄弟元素
語法：前一個(gè)~后邊所有