Question

css,如何让同一个<a>标签下的h2和p变色不一样？急

<a href="#">
<img src="../www/images/newweb/01.jpg">
<h2>像上帝一样创造，像奴隶一样劳动</h2>
<p>家乡，是一个人生命的起源之地，也在人的生命过程中型塑、见证其成长与成熟。家乡的记忆，不可避免的成为一个人走在生命长途中的原动力。</p>
</a>

将鼠标移上去之后，希望h2可以变色，p不变色，请问可以做到吗？

Answer 1

<div class="test">
    <a href="#">
        <h2>像上帝一样创造，像奴隶一样劳动</h2>
        <p>家乡，是一个人生命的起源之地，也在人的生命过程中型塑...</p>
    </a>
</div>

<style>
.test a{color: #333;}
.test a:hover h2{color: red;background: yellow;}
.test a:hover p{color: green;}
</style>

追问

.test a:hover h2{
color:#5780aa;
background-color:#ffffff;
border:1px solid #b5b5b5;
}
.test a:hover p{
color:#6a6a6a;
}
这样的话可是P和h2还是都变色了，是怎么回事？- -

Answer 2

a h2,
a p{color:#000}
a:hover h2{color:#f00;}
a:hover p{color:#00f}