在 href 属性中设置具有特定值的样式锚标记?
Style anchor tag with specific value in the href attribute?
如何定位所有 <a>
标签,这些标签在其 href 属性中都具有特定值以使用 css 设置样式?
示例:所有 <a href="http://www.google.nl"></a>
标签
如果我正确理解你的问题,那么你可以Fiddle
a[href="a"]{
color:green;
}
<a href="a">dfdf</a>
<a href="a">dfdf</a>
<a href="a">dfdf</a>
<a href="a">dfdf</a>
当然。
根据目的地设置链接样式:
a[href^="http://"] {
/* fully valid URL, likely external link */
}
a[href="http://google.com"] {
/* link to specific website */
}
编辑:
这是一个片段,其中 google.com 的颜色与其他链接不同:
a[href^="http://"] {
color: blue;
}
a[href="http://www.google.com"] {
color: red;
}
<div class="my-links">
<a href="http://www.google.com">Link to Google</a><br/>
<a href="http://www.whosebug.com/">Link to Whosebug</a><br/>
<a href="http://www.yahoo.com/">Link to Yahoo</a><br/>
</div>
如何定位所有 <a>
标签,这些标签在其 href 属性中都具有特定值以使用 css 设置样式?
示例:所有 <a href="http://www.google.nl"></a>
标签
如果我正确理解你的问题,那么你可以Fiddle
a[href="a"]{
color:green;
}
<a href="a">dfdf</a>
<a href="a">dfdf</a>
<a href="a">dfdf</a>
<a href="a">dfdf</a>
当然。
根据目的地设置链接样式:
a[href^="http://"] {
/* fully valid URL, likely external link */
}
a[href="http://google.com"] {
/* link to specific website */
}
编辑:
这是一个片段,其中 google.com 的颜色与其他链接不同:
a[href^="http://"] {
color: blue;
}
a[href="http://www.google.com"] {
color: red;
}
<div class="my-links">
<a href="http://www.google.com">Link to Google</a><br/>
<a href="http://www.whosebug.com/">Link to Whosebug</a><br/>
<a href="http://www.yahoo.com/">Link to Yahoo</a><br/>
</div>