Псевдокласс hover для внутренних тегов

[Lisjann]

Есть ли возможноть сделать так чтоб псевдокласс hover был допустим для тега <div class="parent">....</div> а свойства изменялись(допустим цвет) для другого внутреннего тега допустим для тега <div class="child">....</div>

Вот как то так:

/*HTML*/
<div class="parent">
	<div class="child">....</div>
</div>

/*CSS*/
.child{color:#fff;}
.parent:hover.child{color:#000;}

Edited September 7, 2012 by Lisjann

[sigma77]

Lisjann,

Пробел пропустил

.parent:hover .child{color:#000;}

[hedgehog]

.parent:hover .child {стиль}

PS: упс, я опоздал, наступая на пятки

Edited September 7, 2012 by hedgehog

[Lisjann]

а если у меня несколко <div class="parent">....</div>(допустим список меню), если я навиду мышкой хоть на один <div class="parent">....</div> то у всех <div class="child">....</div> изменятся цвет, а как сделать чтоб изменялся только на тот на каторый я навел?

[hedgehog]

.parent .child:hover {}

[SelenIT]

И всё вместе для наглядности

[Lisjann]

Спасибо помогло, особенно

.parent:hover .child:hover { background: #cfc; }

я бы то такого не догадался

[hedgehog]

И всё вместе для наглядности

.parent:hover .child:hover { background: #cfc; }

А почему именно так? На parent в любом случае вешается :hover при наведении курсора на дочерный элемент и селектор .parent .child:hover более специфичен, чем .parent:hover .child . Разве нельзя вот так:

.parent .child:hover { background: #cfc; }

[Lisjann]

я воспользовался как раз

.parent .child:hover {}

просто не знал что можно вот так еще финтчануть

.parent:hover .child:hover { background: #cfc; }

Edited September 7, 2012 by Lisjann

[SelenIT]

селектор .parent .child:hover более специфичен, чем .parent:hover .child

Специфичность у них как раз одинаковая. Но при правильной последовательности — конечно, можно. Это я и вправду переборщил с наглядностью