VPF::Несколько вопросов о hover и классах

Dima85

Дата 25.3.2014, 21:53 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 396
Регистрация: 19.7.2007

Репутация: нет
Всего: нет

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 56
Регистрация: 17.3.2014

Репутация: нет
Всего: нет

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

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »