Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Несколько вопросов о hover и классах

Автор: Dima85 25.3.2014, 21:53

Код


<div>
<p class="quote">text1</p>
<p>text2.</p>
<div>text3</div>
</div>

<div>
<p class="quote">text1</p>
<p>text2.</p>
<div>text3</div>
</div>

 --------

.post p:hover {
 height: 100%;
}

Необходимо при попадание курсора в "p" сделать его "height: 100%;", выше приведенный пример делает это.

Первое, как-то не меняя мою html конструкцию на чистом css можно при попадание курсора в "p" весь div сделать z-index:999 ?

Второе, можно ли сделать что бы

Код


.post p:hover {
 height: 100%;
}

не работало с "<p class="quote">"? Необходимо что бы это работало только с "p" в котором нет класса. Так же изменять html нельзя.

Спасибо.

Автор: jexerrus 26.3.2014, 06:17

у тега "p" нет подкласса ":hover" и такая конструкция работать будет корректно не везде и не всегда. если вообще будет. для нее лучше используйте javascript присваивая CSS стили при определенном событии