1.子元素和後代元素選擇器
元素之間的關係：
父元素：直接包含子元素的元素
子元素：直接被父元素包含的子元素
祖先元素：直接或間接包含後代元素的元素（父元素也是祖先元素）。
後代元素：直接或間接被後代元素包含的元素（子元素也是後代元素）。
兄弟元素：擁有相同父元素的元素叫做兄弟元素。
（1）後代元素選擇器
作用：選中指定元素的指定後代元素。
語法：祖先元素 後代元素
（2）後代元素選擇器
作用：選中指定父元素的指定子元素
語法：父元素》子元素
ie6以下的瀏覽器不支援子代選擇器。
2.偽元素
使用偽元素來表示元素中的一些特殊位置
（1）p:first-letter
為p中第乙個字元設定顏色：
p:first-letter
（2）p:first-line
為p中第一行設定顏色：
p:first-line
（3）:before
表示前面的內容。一般結合content樣式使用，通過content可以向before或者after位置新增一些內容。
p:before
（4）:after
p:after
3.屬性選擇器
作用：可以根據元素中的屬性或屬性值來選取指定元素
語法：[屬性名]選取含有指定元素的屬性
[屬性名=」屬性值」]選取含有指定屬性值的元素
[屬性名^=」屬性值」]選取屬性值以指定內容開頭的元素
[屬性名$=」屬性值」]選取屬性值以指定內容結尾的元素
[屬性名*=」屬性值」]選取屬性值以包含指定內容的元素
[屬性名~=」屬性值」]選取屬性值以包含指定內容的元素，適用於由空格分隔的屬性值
[屬性名|=」屬性值」]選取屬性值以包含指定內容的元素，適用於由連字元分隔的屬性值
（1）p[title]
為所有具有title屬性的p元素設定
p[title]
（2）p[title=」hello」]
為title屬性為hello的元素設定
p[title=」hello」]
（3）p[title^=」ab」]
為title屬性以ab開頭的元素設定
p[title^=」ab」]
（4）p[title$=」bd」]
為title屬性以bd結尾的元素設定
p[title$=」bd」]
（5）p[title*=」c」]
為title屬性以包含c的元素設定
p[title*=」c」]
4.子元素選擇器
:first-child選中第乙個子元素
:last-child選中最後乙個子元素
:nth-child(n)選中任意位置的子元素，該選擇器後面可以指定乙個引數，指定要選中第幾個子元素。
:nth-child（even）表示偶數字置的子元素
:nth-child（odd）表示奇數字置的子元素
:nth-of-type和first-child非常相似，只不過child是在所有子元素中排列，而type是在當前型別的子元素中排列。
5.兄弟選擇器
（1）後乙個兄弟選擇器
作用：可以選中乙個元素緊挨著的兄弟元素
語法：前乙個+後乙個
（2）選中後邊的所有兄弟元素
語法：前乙個~後邊所有
6.否定偽類
作用：可以從選中的元素中剔除出某些元素
語法：：not(選擇器)
jQuery中常用的選擇器 （常用的選擇器有哪些）
一 基本選擇器 基本選擇器是jquery中最常用也是最簡單的選擇器，它通過元素的id class和標籤名等來查詢dom元素。1 id選擇器 id 描述 根據給定的id匹配乙個元素，返回單個元素 注 在網頁中，id名稱不能重複 示例 katex parse error expected eof got...
css選擇器2 偽類選擇器
一.偽元素選擇器 1.e first letter e first letter css3時代兩個冒號 設定元素內的第乙個字元的樣式。例如 p first letter2.e first line e first line 設定元素內的第一行的樣式。例如 p first line3.e before...
jquery的常用選擇器
這個熱榜展示了最常用選擇器 的排名，資料是根據使用jquery的著名 分析得來的。熱榜中的選擇器 已被歸類 如，div span 和 ul li 都是 tag tag 形式 紅色部分表示與w3c規範不相容。used一欄表示選擇器 使用百分比 of uses一欄表示選擇器 使用次數 只用過一次的選擇器...