常用CSS選擇器

2021-10-03 13:46:05 字數 872 閱讀 7820

e[att^=value] 屬性選擇器e中 att以value開頭(是開頭,有就行)

e[att$=value]

e[att*=value]

678 分別對應開頭、結尾、包含

1.子代選擇器 > :選擇某個元素的 第一 子 元素

2.兄弟選擇器 + ~:

(1)臨近兄弟選擇器 鏈結前後兩個選擇器 前後緊接 選擇小於乙個,不是大於

(2)普通兄弟選擇器 乙個為並,乙個為到

1:root匹配文件根元素。html 中,根元素始終是 html

2:not除了某個元素其他全部有這個屬性

3:only-child選中只有乙個字元素的父元素

(必須配對使用才行) (td tr)

4:first-child :last-child作用於第乙個子元素和最後乙個子元素

(元素不能巢狀)

5:nth-child()和 :nth-last-child() 第n(n為括號中的值)個倒數第n個

(4的擴充套件)

6:nth-of-type() 和:nth-last-type()

:nth-of-type(n)選擇器匹配屬於父元素的特定型別的第 n 個子元素的每個元素

7:empty選擇器選擇每個沒有任何子級的元素(包括文字節點)

8:target錨的名稱是在乙個檔案中鏈結到某個元素的url。元素被鏈結到目標元素。:target選擇器可用於當前活動的target元素的樣式。

CSS常用選擇器

class 選擇器 選擇並設定 class intro 的元素的樣式 intro id選擇器 為 id firstname 的元素設定樣式 firstname 標籤選擇器 選擇並設定所有 元素的樣式 p並集選擇器 使用 逗號 連線兩個選擇器 選擇並設定所有 樣式和所有 元素的樣式 h1,p 後代選擇...

CSS 常用選擇器

選擇器是指通過一定的語法規則選取到對應的html標記,然後給這個對應的html標記設定樣式 1.標籤選擇器 寫法 標籤名 標籤選擇器影響範圍大,一般用來做一些通用設定,或用在層級選擇器中。舉例 div 這是第乙個div 這是第二個div 2.類選擇器 寫法 類名 通過類名來選擇元素,乙個類可應用於多...

css常用選擇器

css 層疊樣式表 作用 美化html 行內式 css選擇器 外鏈式為單獨書寫的乙個css檔案,內容類似內嵌式,但是沒有內嵌式的外部標籤 如下 標籤選擇器 p color darkseagreen font family 楷體 font weight 200 id選擇器 id color india...