css屬性選擇器

2021-09-20 19:01:53 字數 579 閱讀 6961

選擇器

關係選擇器

子代選擇器 >

後代選擇器 空格

相鄰選擇器 +

兄弟選擇器 ~

屬性選擇器

[attr] 選中所有標籤上的有color這個屬性的標籤

[attr]="val" 選中attr屬性等於var完全相等

[attr]~="val" 能選中 含有這個單詞的

[attr]^="val" 以val開頭

[attr]$="val" 以val結尾

[attr]*="val" 模糊性查詢包含就行

偽類選擇器

:link :visited :hover :active

:focus 焦點

:first-child :last-child :only-child nth-child(n)

:empty 空 :checked 選中 :enabled 表單有效性 :disabled 表單無效的

偽元素選擇器

::after ::before ::selection ::first-leter ::first-line

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...

CSS屬性選擇器

簡單屬性選擇器,如 css h1 class html 那麼以上h1標籤裡的內容字型顏色都會改變。同時我們也可以通過這種方法來給自己建立的標籤加上樣式,如 css planet moon html venus earth mars 這樣的話,第二條和第三條就會被加上樣式。還可以根據標籤裡的具體屬性值...

CSS屬性選擇器

css 2 引入了屬性選擇器。屬性選擇器可以根據元素的屬性及屬性值來選擇元素。如果希望選擇有某個屬性的元素,而不論屬性值是什麼,可以使用簡單屬性選擇器。如果您希望把包含標題 title 的所有元素變為紅色,可以寫作 title 親自試一試 與上面類似,可以只對有 href 屬性的錨 a 元素 應用樣...