<head><style>div p{/*选择<div>元素内的所有<p>元素:(选择器用于选择元素内部的元素)*/background:rgb(199, 212, 82);}</style></head><body><h1>欢迎来到前端世界</h1><div><p>段落 1。 在 div 中。</p><p>段落 2。 在 div 中。</p></div><p>段落 3。不在 div 中。</p><p>段落 4。不在 div 中。</p></body>
<head>
a[target]{/*选择所有带有target属性的 <a>元素*/
background: red;
}
</style></head><body><p>超链接有target属性设有背景颜色</p><ahref="http://www.baidu.com">baidu</a><ahref="//www.disney.com"target="_blank">disney</a><ahref="//www.wikipedia.org"target="_blank">wikipedia</a><p><b>NOTE</b>
For [<i>attribute</i>] to work in IE8 and earlier, a DOCTYPE must be declared.
</p></body>
(4)
选择器
示例
示例说明
[attribute=value]
[target=-blank]
选择所有使用target="-blank"的元素
<head>
a[target="_blank"]{/*选择所有使用target="_blank"的a元素*/
background: red;
}
</style></head><body><p>超链接有target="_blank"属性设有背景颜色</p><ahref="http://www.baidu.com">baidu</a><ahref="//www.disney.com"target="_blank">disney</a><ahref="//www.wikipedia.org"target="_top">wikipedia</a><p><b>NOTE</b>
For [<i>attribute</i>] to work in IE8 and earlier, a DOCTYPE must be declared.
</p></body>
<head><style>[lang|=en]{/*选择 lang 属性值以 "en" 开头的元素,并设置其样式*//* 无论是单独像 lang="en",或者像连字符 - 如 lang=en-us 都可以。 */background:yellow;}</style></head><body><plang="en">Hello!</p><plang="en-us">Hi!</p><plang="en-gb">Ello!</p><plang="us-iu">Hi!</p><plang="no-ik">Hei!</p><p><b>Note:</b>
For [<i>attribute</i>|=<i>value</i>] to work in IE8 and earlier, a DOCTYPE must be declared.
</p></body>