0 
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が Web サイトのすべてのタグに適用されることです。この A クラスは のbrowseBuildsArea-proクラスの下でのみ機能する必要がありdivます。

何かご意見は？

4

1 に答える 1

3

多分これを試してください：

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コンマを自動的に超えることはありません。

于 2013-02-02T12:47:56.587 に答える