css选择器——[class^=blah]在css中意味着什么?

Question

这个CSS选择器是什么意思;

[类^ =等等)

问候。

Answer 1

这是CSS 属性以选择器开始。[class^="blah"]的字面意思是:

属性为class的元素，以blah开头。例如:blahello或blahfoobar

参见规格

Answer 2

如下所示:CSS3 [attribute^=value] Selector

此选择器匹配指定属性为特定值的所有元素。

例如:

我有以下html

<a href="www.google.com">Lorem Ipsum</a>
<a href="myhomepage.com">Dolor Sit Amet</a>

如果我想把所有指向我主页的链接都涂成不同的颜色，我会选择

a[href="myhomepage.com"]
{
   color: #00FF00;
}

选择所有href属性等于myhomepage.com的元素。

查看此处