1

子ページが親テーマのリンクの色 (赤) を継承するのではなく、子ページに白色のリンクが必要な場合は、html/css で何を変更すればよいですか?

親ページのCSS

  a{
 text-decoration:none;
 color:red;
   }

 a:hover{
  color:white;
   -moz-transition: all .2s;
   -webkit-transition: all .2s;
  -o-transition: all .2s;
    transition: all .2;
   }

子ページのリンク

<div id="links">
<ul id="list">
<li><a href="url">bla </a></li>
</ul>
</div>
4

2 に答える 2

0

タグに固有の 2 つ目の CSS ルールを追加する必要がありますa。

例えば：

#links a {
    color: white;
}

また

#list a {
    color: white;
}

サンプルに投稿した 2 つのルールの下にこれらのルールを追加します。

ただし、classan の代わりにa を使用idして、CSS ルールをより一般的に適用することもできます。

PS

これを Tumblr ページに適用する場合、競合する他のスタイルが存在する可能性があるため、CSS ルールをさらに具体的にする必要がある場合があります。念のため、あなたのTumblrページへのリンクが必要です。

于 2013-08-17T23:25:43.167 に答える
0

これはどう？white-links次に、任意の親にクラスを追加するだけaで、それらは白になります。

HTML

<div id="links">
    <ul id="list" class="white-links">
        <li><a href="url">bla </a></li>
    </ul>
</div>

CSS

.white-links a {
    color: #fff;
}
于 2013-08-17T23:25:44.727 に答える