css 特定の要素を同時に変更する方法

Question

cssにて、divクラスのgroupにhoverしたときに、pクラスのtextも同時に、
指定文字の色変更を行いたい。
隣接要素や、兄弟要素ではないので、どうやって.textクラスのhogehoge内の
文字もgroupクラスのhover時に色変更が可能でしょうか。

<div class="group">
	<p class="opacity"><a href="#">hoge</a></p>
	<p class="imgs opacity"><a href="#">hogehoge</a></p>
	<p class="text"><a href="#">hogehoge</a></p>
</div><!-- //end.group -->

.group {
    background: #ccc;
}
.group a {
    color: #333;
}
.group:hover {
    background: #000;
}
.group:hover .text a {
    color:#F00;
}

Comments

[root_jp]

p.text配下のhogehogeも色変わってるようですけど、これでやりたいことできてませんか？

Answer 1

こういうことでしょうか。

.group:hover .text {}

Comments

[kei344]

質問のコードが変わった･･･。

Answer 2

基本的ににベストアンサーに選んだ方の方法でも問題ないのですが、
Wordpresの場合<p>タグが自動挿入されてしまいリンク指定のあとに<p>タグが自動挿入して考えていた動作にならなかったみたいです。

<p>タグ削除するようにして動作するようにコード修正しました。