0

http://jsfiddle.net/DkAqZ/9

HTML

<div id="container">
    <div>default black text</div>
    <div><a href="#">default red link</a></div>
    <div id="inner">
        <div>#inner green text</div>
        <div><a href="#">#inner red link or green text?</a></div>
    </div>
</div>

CSS

body {
    color:black;
}
a {
    color:red;
}
a:hover {
    color:orange;
}
#inner {
    color:green;
    font-size:24px;
}

こんな感じ

特異性

2 番目のハイパーリンクが緑ではなく赤である理由がよくわかりません。の特異性は#innerより高くありませaんか?また、フォントサイズは に継承される#inner aため、さらに混乱します。

4

1 に答える 1

1

いいえ、そうではないことは確かです。あなたがした場合:

#inner a { color:inherit}

うまくいくと思いますが、試す機会がありません。申し訳ありません。

編集

これは状況をよりよく説明しています: "a" タグが親タグの color 属性を継承しないのはいつですか?

うーん...わかりました、気の利いたjsfiddleの例を見ました。それは本当にうれしいです。を削除しhrefても解決しないようですが、私の解決策は引き続き機能します。

于 2011-12-31T16:07:59.830 に答える