CSS之屬性選擇器

2021-10-02 06:38:54 字數 525 閱讀 6454

/*屬性選擇器

根據元素中的屬性 或者屬性值 來選取指定元素

語法: [屬性名] 選取含有指定屬性的元素

[屬性名="屬性值"] 選取含有指定屬性值的元素

[屬性名^="ad"] 選取屬性值以 ad開頭的元素

[屬性名$="c"] 選取屬性值以 c結尾的元素

[屬性名*="c"] 選取屬性值中有 c 的元素

*/p[title]

p[title="hello"]

/*其他元素選擇器

* first-child

* last-child

* nth-child(num)指定選中第幾個子元素

* even 表示偶數

* odd 表示奇數

*/p:first-child

div > p:last-child

p:nth-child(3)

p:nth-child(even)

p:first-of-type

CSS選擇器之屬性選擇器 關係選擇器

e代表標籤名,如p,div等等 att表示該標籤定義了的乙個屬性名,如class id等,value為該屬性的屬性值,該屬性值為包含字首 value的子字串。若去掉e,則表示匹配滿足條件的任意元素 基本原理同上,不過value表示該屬性值應包含以value為字尾的子字串 基本原理同上,但value表...

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 這樣的話,第二條和第三條就會被加上樣式。還可以根據標籤裡的具體屬性值...