Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
aj17
197 / 188 / 89
Регистрация: 02.06.2014
Сообщений: 741
#1

Как достучаться до псевдоэлемента через потомка (использование hover)? - HTML, CSS

15.07.2014, 13:55. Просмотров 401. Ответов 2
Метки нет (Все метки)

Добрый день Уважаемые, есть блок, при наведении на который должно всплывать окошко созданное через css 3 и псевдоэлемент. Вот структура:

PHPHTML
1
2
3
<div class="parent">
    <div class="child">тык</div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.child
{
    width:30px;
    height:30px;
    background:#F00;
}
 
.parent
{
    position:relative;
    right:0px;
    width:500px;
    background:#000;
}
 
.parent:after
{
    content:"Какой-то текст";
    position:absolute;
    background:#c6c6c6;
    display:none;
}
А теперь вопрос, как нужно правильно оформить запись, что бы при наведении на child можно было что то сделать с after?
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
15.07.2014, 13:55
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Как достучаться до псевдоэлемента через потомка (использование hover)? (HTML, CSS):

использование hover - HTML, CSS
Вот в чем заключается вопрос: У нас имеется 2 таблицы, в css прописано tr:hover{ background:#FFF; } Нужно что бы hover срабатывал...

Использование псевдокласса :hover - HTML, CSS
Здравствуйте, помогите пожалуйста: html: &lt;ul&gt; &lt;li&gt;&lt;a href=&quot;&quot;&gt;Ïðàâèëà íà ñàéòå&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;&quot;&gt;Äîáàâèòü ìàòåðèàë íà...

Использование hover-эффект для соседних селекторов - HTML, CSS
Всем привет! Покажите, пожалуйста, как сделать так, чтобы при наведении на один элемент, менялся стиль другого? Чтобы был только CSS и ни...

Это делается через hover или через JS? - HTML, CSS
Здравствуйте, я решил сделать сайт на основе шаблона от wix.com для себя, столкнулся с такой проблемой, на сайте во второй вкладке там где...

Использование свойств псевдокласса :hover, когда страница открыта - HTML, CSS
Как сделать, чтобы если я находился на странице было активный элемент,т.е.,:hover. .follow { margin: 0px; z-index: 2; position:...

Приоритет псевдоэлемента - HTML, CSS
Псевдоэлемент first-line красит первую строку абзаца в синий, но я создал индивидуальный класс абзаца biline и присвоил ему черный цвет....

2
maximus2011
268 / 260 / 10
Регистрация: 21.02.2012
Сообщений: 1,078
15.07.2014, 13:58 #2
ну от дитя вы никогда не запустите родительский элемент по ховеру. Проще в дитя вставить еще один блок и по наведению на дитёнка показывать вложеный в него
1
aj17
197 / 188 / 89
Регистрация: 02.06.2014
Сообщений: 741
15.07.2014, 14:37  [ТС] #3
Я тоже так предполагал, жаль.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
15.07.2014, 14:37
Привет! Вот еще темы с ответами:

Картинка:hover через тег img - HTML, CSS
Возможно ли сделать меняющиеся кнопкоссылкокартинки через тег &lt;img src.... вместо используемых в примере бэкграундов ? &lt;a...

CSS (hover) отменить действие последнего hover на все элементы - HTML, CSS
Всем доброго времени суток. У меня следующая загвоздка: нашел скрипт для выпадающих меню. Подогнал под себя css, который собирал эти...

Градиент для псевдоэлемента - HTML, CSS
Здравствуйте подскажите пожалуйста как для IE(8-9) прописать линейный градиент с прозрачностью? http://jsfiddle.net/evkgv8va/6/ ...

Ширина псевдоэлемента по содержимому - HTML, CSS
Доброго времени суток. Есть подобный код: .mySpan:after{ display:inline-block; color:#fff; border-radius:10px; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru