css - a[href^ ="..."] 在 CSS 中做什么？

Question

我以前使用过 CSS，我遇到了下面的 CSS 样式，不知道它的作用。

a[href^="http:"] {
   background: url(img/keys.gif) no-repeat right top;
}
a[href^="http://mysite.com"], a[href^="http://www.mysite.com"] {
   background-image: none; padding-right:0;
}

Answer 1

a[href^="http:"] 

选择 <a> href 的元素属性值以 http: 开头.

例如:

p[title^="para"] {background: green;}

将匹配以下内容:

<p title="paragraph"> This paragraph should have a green background. </p>