html - 如何将颜色应用于特定的标签？

Question

我有以下结构:

<li class="dsq-widget-item">     
    <a href="https://disqus.com/by/"><img class="dsq-widget-avatar" src="#"></a>
    <a class="dsq-widget-user" href="https://disqus.com/by//">Foo</a>    
    <span class="dsq-widget-comment">
         <p>Hello</p>
    </span>  
    <p class="dsq-widget-meta">
        <a href="#">How to</a>&nbsp;·&nbsp;<a href="#">19 minutes ago</a>
    </p>
</li>

你怎么看我有三个 a 标签，我只需要将自定义颜色(例如蓝色)应用到第二个 a 标签。

实际上所有的链接都有这个类:

.widget a {
color: #777;
}

任何解决方案

Answer 1

.dsq-widget-item a:nth-child(2) {
    color: #777;
}

或者如果您确定:

.dsq-widget-user {color: #777;}