0

div内に3つのdivがあります。メインdivと子divのリンクをスタイル設定するようにCSSを設定しました。ただし、div1リンクはdiv1スタイルを使用していないようです。

HTML

 <div id="content">
    <div class="div1">Sort By: <a href="" id="list_users_title" >A-Z</a> / <a href="" id="oneline">Genre</a></div>
        <div class="div2">
        <p>Random</p>
        </div>
        <div class="div3">
        <p>Random</p>
        </div>
    </div>

CSS

.div1 {
font-family: 'Oswald', sans-serif;
font-size:16px;
color:#414042;
text-transform:uppercase;
text-align:right;
margin-top:-26px;
margin-bottom:18px;
}

.div1  a {color:#414042; text-decoration: none; }
.div1  a:visited {color:#414042; text-decoration: none;}
.div1  a:hover { color: #b91200; text-decoration: underline; }


#content  a {color: #b91200; text-decoration: none;}
#content  a:visited {color: #b91200; text-decoration: none;}
#content a:hover { text-decoration: underline; }

#content {
    float: left;
    width: 668px;
    margin-left:50px;
    margin-right:50px;
    padding-top:42px;
}
4

2 に答える 2

4

#content aはよりも特異性が高い.div1 aため、リンクは。に従ってスタイル設定されて表示され#content aます。#content .div1 aの代わりに使用してみてください.div1 a。

于 2012-06-12T19:11:54.800 に答える
1

.div1アンカータグをより具体的にするには、スタイルカスケードを作成する必要があります。

#content .div1  a {color:#414042; text-decoration: none; }
#content .div1  a:visited {color:#414042; text-decoration: none;}
#content .div1  a:hover { color: #b91200; text-decoration: underline; }

これにより、＃contentをスタイルカスケードでオーバーライドできるようになります。

于 2012-06-12T19:18:34.437 に答える