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>
|