前端學習 Css 屬性選擇器

屬性選擇器：根據元素的屬性選擇指定元素

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

[屬性名="屬性值"]：選取屬性值等於指定值的元素

[屬性名^="屬性值"]：選取屬性值以指定內容開頭的元素

[屬性名$="屬性值"]：選取屬性值以指定內容結尾的元素

[屬性名*="屬性值"]：選取屬性值中包含指定內容的元素

demo:(注：這麼尷尬的詩句肯定不是我寫的)

doctype html

>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>
title
>
<
style 
type
="text/css"
>
/*[屬性名="屬性值"]：選取屬性值等於指定值的元素
*/h2[title="abcde"]
/*[屬性名^="屬性值"]：選取屬性值以指定內容開頭的元素
*/h3[title^="o"]
/*[屬性名$="屬性值"]：選取屬性值以指定內容結尾的元素
*/h4[title$="c"]
/*[屬性名*="屬性值"]：選取屬性值中包含指定內容的元素
*/h1[title*="df"]
style
>
head
>
<
body
>
<
h1 title
="dfc"
>致女兒書
h1>
<
h2 title
="abcde"
>煲湯比寫詩重要 
h2>
<
h3 title
="opq"
>自己的手藝比男人重要 
h3>
<
h4 title
="cde"
>胸和腰和屁股比臉蛋重要 
h4>
<
h5>內心強大到混蛋 
h5>
<
h6>比什麼都重要 
h6>
<
br />
<
br />
<
h1 title
="cde"
>致女兒書
h1>
<
h2 title
="opq"
>煲湯比寫詩重要 
h2>
<
h2 title
="abcde"
>自己的手藝比男人重要 
h2>
<
h4 title
="abc"
>胸和腰和屁股比臉蛋重要 
h4>
<
h5>內心強大到混蛋 
h5>
<
h6>比什麼都重要 
h6>
<
br />
<
br />
<
h1 title
="cde"
>致女兒書
h1>
<
h1 title
="dfdf"
>致女兒書
h1>
body
>
html
>

前端學習 Css 屬性選擇器

屬性選擇器 根據元素的屬性選擇指定元素 語法 屬性名 選取含有指定屬性的元素 屬性名 屬性值 選取屬性值等於指定值的元素 屬性名 屬性值 選取屬性值以指定內容開頭的元素 屬性名 屬性值 選取屬性值以指定內容結尾的元素 屬性名 屬性值 選取屬性值中包含指定內容的元素 demo 注 這麼尷尬的詩句肯定不...

CSS選擇器 屬性選擇器

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

web前端 CSS 屬性選擇器 030

具有特定屬性的html元素樣式不僅僅是class和id。注意 ie7和ie8需宣告 doctype才支援屬性選擇器！ie6和更低的版本不支援屬性選擇器。下面的例子是把包含標題 title 的所有元素變為藍色 下面的例項改變了標題title baidu 元素的邊框樣式 下面是包含指定值的title屬性...