CSS選擇器的分類和實踐中的組合使用

一、css選擇器六大基本分類：

(一)CSS元素選擇器

(二)CSS 類選擇器

(三)CSS ID 選擇器

(四)CSS 屬性選擇器

(五)CSS 偽類

(六)CSS 偽元素

二、6大基本分類各種例子

（一）CSS 元素選擇器以元素的名稱定義的樣式

（二）CSS 類選擇器樣式的名字以.開頭

（三）CSS ID選擇器定義id名字的元素

（四）CSS 屬性選擇器屬性為某個值的樣式定義

如：輸入框邊框為紅色，提交按鈕的邊框為綠色。

（五）CSS 偽類

CSS偽類允許您設(shè)置元素的動態(tài)狀態(tài)的樣式，例如懸停，活動狀態(tài)和焦點狀態(tài)

最常見:hover選擇鼠標(biāo)懸停其上的鏈接

偽類列表（部分）

（六）CSS偽元素

CSS偽元素允許您設(shè)置元素或元素部分的樣式，而無需向其添加任何ID或類

三、組合使用

（一）CSS 選擇器分組，各樣式定義用逗號分隔統(tǒng)一使用一組屬性

（二）CSS 組合器(后代、子、兄弟)

CSS 中有四種不同的組合器：

1.后代選擇器 (空格)

2.子選擇器 (>)

3.相鄰兄弟選擇器 (+)

4.通用兄弟選擇器 (~)

特別注意后代選擇器 以空格分隔，兩個元素之間的層次間隔可以是無限的。

（三）偽類和CSS類結(jié)合

（四）常見的其它各種組合

（五）多個css類同時起作用

看官，根據(jù)上面列表提示，請問要取得下面這個div元素，jquery語句應(yīng)該如何寫呢？

$(" ").length

答案在下期揭曉O(shè)(∩_∩)O哈哈~