Question

如何定位所有{hl}属性中具有特定值的<a>代码，以便使用css进行样式设计？

示例：所有<a href="http://www.google.nl"></a>代码

Answer 1

如果我理解你的问题，那么你可以Fiddle

＆＃13;

a[href="a"]{
    color:green;
}

＆＃13;

<a href="a">dfdf</a>
<a href="a">dfdf</a>
<a href="a">dfdf</a>
<a href="a">dfdf</a>

＆＃13;

Answer 2

Ofcourse。
样式链接取决于目的地：

a[href^="http://"] {
        /* fully valid URL, likely external link */
}

a[href="http://google.com"] {
        /* link to specific website */
}

编辑：

以下是google.com的其他颜色与其他链接不同的代码段：

＆＃13;

a[href^="http://"] {
        color: blue;
}

a[href="http://www.google.com"] {
        color: red;
}

＆＃13;

<div class="my-links">
   <a href="http://www.google.com">Link to Google</a><br/>
   <a href="http://www.stackoverflow.com/">Link to Stackoverflow</a><br/>
   <a href="http://www.yahoo.com/">Link to Yahoo</a><br/>
</div>

＆＃13;

样式锚标记在href属性中具有特定值？

2 个答案:

编辑：