CSS 屬性選擇器

2021-10-10 09:09:40 字數 851 閱讀 5337

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

屬性選擇器title

>

>

/* [屬性名] 選擇含有指定屬性的元素

[屬性名=屬性值] 選擇含有指定屬性和屬性值的元素

[屬性名^=屬性值] 選擇屬性值以指定值開頭的元素

[屬性名$=屬性值] 選擇屬性值以指定值結尾的元素

[屬性名*=屬性值] 選擇屬性值含有指定值的元素

*//* p[title]

style

>

head

>

>

4 title

="abc"

>

少小離家老大回p

>

title

="abcdef"

>

鄉音無改鬢毛催p

>

title

="hello"

>

兒童相見不相識p

>

>

笑問客從何處來p

>

>

秋水共長天一色p

>

>

落霞與孤鶩齊飛p

>

body

>

html

>

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 元素 應用樣...