[href ^ =" ..."]在CSS中做什么？ [英] What does a[href^="..."] do in CSS?

问题描述

我之前使用过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：没有; padding-right：0; 
} 
  

解决方案

  a [href ^ =http：] 
  

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

例如：

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

 < p title =paragraph>这一段应该有一个绿色的背景。 < / p> 
  

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:"] 

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

For example:

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

Will match the following:

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

这篇关于[href ^ =" ..."]在CSS中做什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！