常用CSS選擇符大全

2022-09-13 19:27:09 字數 693 閱讀 4674

要操作乙個元素,我們必須能夠快速的選擇到這個元素,因此css選擇符非常重要,下面列出的是最常用的css選擇符

$('#title1 > li')為取得id為title1(#title)的子元素(>)中所有的列表項(li)。

$('#title1 li:not(.class1)')為取得id為title的後代元素中沒有(not)class1類的所有列表項。

也可以不用@符號。如:

$('div[ol]')為取得所以包含乙個ol屬性的div元素。

當然,還允許以正規表示式中的^(開始)$(結尾)*(任意),示例如下:

$('a[href^="mailto:"]')為取得所有電子郵件的鏈結。

$('a[href$=".rar"]')為取得所有指向rar檔案的鏈結。

$('a[href*="tao028.com"]')為取得所有包含tao028.com的鏈結。

自定義選擇符,如:

$('div:eq(1)')為取得div元素集合中第2個項,注意為單個物件,其length為1。

$('div:nth-child(1)')為取得div元素集合中的所有第乙個div,注意其為物件集合,稍後再詳述。

$('tr:odd')為取得所有奇數行。

$('tr:even')為取得所有偶數行。

$('td:contains("hahaha")')為取得所有單元格包含hahaha的元素。

CSS 選擇符大全(常用css選擇符)

e 某個元素,如p id 使用id,如 idname class 使用class,如.myclass 萬用字元 包含選擇符 e f e所有的f包含子代,孫代,子子孫孫等等 子選擇符 e相鄰選擇符 e f 和e相鄰的f,相隔乙個都不算 兄弟選擇符 e f 和e同級的f的算 e att e中帶有某個at...

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名,放在方括號裡 title css不限制屬性選擇符只能使用標籤名,也可以使用類。例如 photo title 用於選取類為photo,而且設定了ti...

CSS選擇符 型別選擇符

h1用於選取特定html標籤的選擇符,叫型別選擇符或元素選擇符。這種選擇符的作用特別大。能把樣式應用到網頁中的每個目標標籤上。使用這種選擇符,只需少量工作就能大幅修改網頁的外觀。假如想讓網頁中每個段落都使用相同的字型 顏色和字型大小,只需編寫乙個選擇符為p 表示標籤 的樣式即可。html 最基本的佐...