我在一个特殊的div中为A标签创建了一个类，但它适用于整个网站

Question

div.browseBuildsArea-pro  a:active, a:visited, a:link { 
    text-decoration: none; 
    color: #dddddd; 
    background-color: rgba(0, 0, 0, 0.3); 
    padding: 10px; 
}

div.browseBuildsArea-pro  a:hover {
    text-decoration: none; 
    color: #dddddd; 
    background-color: rgba(0, 0, 0, 0.9); padding: 10px;
}

链接是这样的：

<div class="browseBuildsArea-pro">
<div class="build-poster">
    <div class="inner">
        <a href="#">Test</a>
    </div>
</div>
</div>

问题是，上面的CSS属性适用于网站中的所有a标记。此A类只能在browseBuildsArea-pro div的{​​{1}}类下工作。

有什么想法吗？

Answer 1

也许试试这个：

div.browseBuildsArea-pro  A:active, 
div.browseBuildsArea-pro  A:visited, 
div.browseBuildsArea-pro  A:link { 
    text-decoration: none; 
    color: #dddddd; 
    background-color: rgba(0, 0, 0, 0.3); 
    padding: 10px; 
}

div.browseBuildsArea-pro自动不会超过逗号。