13_CSS屬性選取器

13_CSS屬性選取器

13_CSS屬性選取器

 

css file

div[title] {/* 當元素具有某項屬性時,該元素就具有設定的樣式*/
color: red;
}
div[title = color] {/*屬性值完全對應到特定值,該元素就具有設定的樣式*/
color: green;
}
div[title ~= del] {/*當屬性中用一連串空格相間的文字設定,然後符合其中一項的時候,該元素就具有設定的樣式*/
color: white;
}
div[title |= en] {/*屬性開頭後用 - 結尾的時候,該元素就具有設定的樣式*/
color: blue;
}

 

html file

 

<html>
<head>
<title>網頁標題</title>
<linkrel="stylesheet"type="text/css"href="01.css">
</head>
<body>
You ever have that feeling where you're not sure if you're awake or still dreaming?
<divtitle="test">Free your mind.</div>
<divtitle="color">Believe the unbelievable.</div>
<divtitle="omit del">There is no spoon.</div>
<divtitle="en-US">Because I choose to.</div>
</body>
</html>

 

 

 

 


發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *