What does a[href^=quot;...quot;] do in CSS?(a[href^=quot;...quot;] 在 CSS 中做了什么?)

本文介绍了a[href^="..."] 在 CSS 中做了什么?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我以前使用过 CSS，我遇到了下面的 CSS 样式，不知道它是做什么的.

I have used CSS before and I came across the below CSS style, don't have a clue what it does. 

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;
}

推荐答案

a[href^="http:"]

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

Selects an <a> element whose href attribute value begins with http:.

例如:

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

将匹配以下内容:

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

这篇关于a[href^=&quot;...&quot;] 在 CSS 中做了什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！