[class ^ = blah]在CSS中意味着什么

Question

这个CSS选择器意味着什么;

[类^ =嗒嗒]

问候。

Answer 1

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

  

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

参见 the Specs

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的所有元素。

点击此处fiddle