<html>
<head>
<style type="text/css">
/* a标签中有href这个属性的 */
a[href] {
color: green;
text-decoration: none;
}
/* p标签中同时有href和id值以hello开头的 */
p[href][id^='hello'] {
color: blue;
}
/* h1中有abc这个属性的 */
h1[abc] {
background: red
}
/* a标签中以world结尾的 */
a[def$='world']{
font-size: 40px;
}
</style>
</head>
<body>
<h1>可以应用样式：</h1>
<a href="http://www.baidu.com">百度一下</a>
<p href id='hello abced'>你好</p>
<hr />
<h1 abc>无法应用样式：</h1>
<a def='abcs.world'>嘻嘻哈哈</a>
</body>
</html>效果如下图：
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
