CSS提供了一些属性选择器,可以根据元素的属性值来选择元素。下面我们介绍一下CSS三种属性选择器:1.元素[attr]选择器 这种选择器选中所有具有指定属性的元素。例如,以下CSS规则将选择具有“ti
CSS提供了一些属性选择器,可以根据元素的属性值来选择元素。下面我们介绍一下CSS三种属性选择器:
1.元素[attr]选择器
这种选择器选中所有具有指定属性的元素。例如,以下CSS规则将选择具有“title”属性的所有元素:
a[title] { color: blue; }
这条规则会将页面中所有具有“title”属性的链接文本颜色设置为蓝色。
2.元素[attr=val]选择器
这种选择器仅选择具有指定属性和值的元素。例如,以下CSS规则将选择具有“target=_blank”属性的所有链接:
a[target='_blank'] { color: red; }
这条规则会将页面中所有具有“target=_blank”属性的链接文本颜色设置为红色。
3.元素[attr^=val]选择器
这种选择器只选择属性值以特定字符串开头的元素。例如,以下CSS规则选择所有href以“http://”开头的链接:
a[href^="http://"] { color: green; }
这条规则会将页面中所有href以"http://"开头的链接文本颜色设置为绿色。
以上就是CSS的三种属性选择器。
粉丝
0
关注
0
收藏
0