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
ため、さらに混乱します。