css属性选择器里边，[attribute|=value]和[attribute^=value]

发布网友发布时间：2022-05-13 14:50

我来回答

共2个回答

懂视网时间：2022-05-13 19:11

定义和用法

[attribute^=value] 选择器匹配元素属性值带指定的值开始的元素。

浏览器支持

所有主流浏览器都支持[attribute^=value] 选择器。

注意: [attribute^=value]在IE8中运行，必须声明

实例

设置class属性值以"test"开头的所有div元素的背景颜色：

div[class^="test"]{background:#ffff00;}

在线运行

相关阅读：

CSS 参考手册

CSS 选择器

CSS 教程

热心网友时间：2022-05-13 16:19

您好
[attribute|=value]
：
例如：
[
class
|=
top
]
这个它能匹配
但是
[class
|=
top
]
这个它就不能匹配了
但
^=
却可以
[attribute^=value]
[
class^=top
]
这个能匹配
[class
^=
top]
这个也能匹配
总结：[attribute|=value]
只能匹配
属性开头与value相对于的,不能多也不能少
[attribute^=value]
只要属性值的开头是value
,
无论你后面跟什么
value12345
valueoxx
他都能匹配
如果不懂可以再问
我觉得我说的太绕了。。