内容发布更新时间 : 2024/5/6 17:20:45星期一 下面是文章的全部内容请认真阅读。
选取父元素是
元素，并设置其背景色： div>p {
background-color:yellow; }
浏览器支持
所有主流浏览器都支持 element>element 选择器。
注释：对于 IE8 及更早版本的浏览器中的 element>element，必须声明 。 定义和用法
element>element 选择器用于选取带有特定父元素的元素。 注释：如果元素不是父元素的直接子元素，则不会被选择。
CSS element+element 选择器
实例
选择
元素，并设置其背景色： div+p {
background-color:yellow; }
浏览器支持
所有主流浏览器都支持 element+element 选择器。
注释：对于 IE8 及更早版本的浏览器中的 element+element，必须声明 。 定义和用法
—10—
element+element 选择器用于选取第一个指定的元素之后（不是内部）紧跟的元素。
CSS element+element 选择器
实例
选择
元素，并设置其背景色： div+p {
background-color:yellow; }
浏览器支持
所有主流浏览器都支持 element+element 选择器。
注释：对于 IE8 及更早版本的浏览器中的 element+element，必须声明 。 定义和用法
element+element 选择器用于选取第一个指定的元素之后（不是内部）紧跟的元素。
CSS [attribute] 选择器
实例
为带有 target 属性的元素设置样式： a[target] {
background-color:yellow; }
浏览器支持
—11—
所有主流浏览器都支持 [attribute] 选择器。
注释：对于 IE8 及更早版本的浏览器中的 [attribute]，必须声明 。 定义和用法
[attribute] 选择器用于选取带有指定属性的元素。
CSS [attribute=value] 选择器
实例
为 target=\的元素设置样式： a[target=_blank] {
background-color:yellow; }
浏览器支持
所有主流浏览器都支持 [attribute=value] 选择器。
注释：对于 IE8 及更早版本的浏览器中的 [attribute=value]，必须声明 。 定义和用法
[attribute=value] 选择器用于选取带有指定属性和值的元素。
CSS [attribute~=value] 选择器
实例
选择titile属性包含单词 \的元素，并设置其样式： [title~=flower] {
background-color:yellow;
—12—
}
浏览器支持
所有主流浏览器都支持 [attribute~=value] 选择器。
注释：对于 IE8 及更早版本的浏览器中的 [attribute~=value]，必须声明 。 定义和用法
[attribute~=value] 选择器用于选取属性值中包含指定词汇的元素。
CSS [attribute|=value] 选择器
实例
选择lang属性值以 \开头的元素，并设置其样式： [lang|=en] {
background-color:yellow; }
浏览器支持
所有主流浏览器都支持 [attribute|=value] 选择器。
注释：对于 IE8 及更早版本的浏览器中的 [attribute|=value]，必须声明 。 定义和用法
[attribute|=value] 选择器用于选取带有以指定值开头的属性值的元素。 注释：该值必须是整个单词，比如lang=\，或者后面跟着连字符，比如lang=\。 亲自试一试 - 实例
选择其 class 属性值以 \开头的元素，并设置其样式：
—13—
[class|=top] {
background-color:yellow; }
CSS :link 选择器
实例
选择未被访问的链接，并设置其样式： a:link {
background-color:yellow; }
浏览器支持
所有主流浏览器都支持 :link 选择器。 定义和用法
:link 选择器用于选取未被访问的链接。
注释：:link 选择器不会设置已经访问过的链接的样式。 提示：请使用 :visited 选择器对指向已访问页面的链接设置样
式，:hover 选择器用于设置鼠标指针浮动到链接上时的样式，:active选择器用于设置点击链接时的样式。 亲自试一试 - 实例 例子 1
—14—