Свойство hover

@d3v1ldream · Регистрация: 31.03.2016

Студворк — интернет-сервис помощи студентам

Доброй ночи киберфорумцы) Меня мучает такой вопрос: Можно ли с помощью сss сделать так, что бы при навведение блок, контент менялся. То есть, у меня есть родительский блок, а в нем 2 дочерних, и у одного из них прописано свойство display:none, и при наведении на родительский, это свойсвто передавалось другому блоку, а даный становился видимым. Знаю что можно реализовать это на js, но меня пока больше интересует вариант на css)

@Fedor92 · 15.02.2017, 22:38

d3v1ldream, так?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{
            border:2px solid red;
            display: inline-block
        }
        .hidden, .visible{
            padding:10px
        }
        .hidden{
            visibility:hidden;
            color:red
        }
        .visible{
            color:blue
        }
        div:hover>.hidden{
            visibility:visible
        }
        div:hover>.visible{
            visibility:hidden
        }
    </style>
</head>
<body>
    <div class="box">
            <span class="hidden">Скрытое слово</span>
            <span class="visible">Видимое слово</span>
    </div>
</body>
</html>

@d3v1ldream · 15.02.2017, 22:50 **[ТС]**

А можно как то сделать, что бы он на его место становился?

Добавлено через 3 минуты
Спасибо, уже сам разобрался)Использовал display:none/block. А как называються вот эти оператори в сss?)Очень полезная штука)

Сообщение от Fedor92

div:hover>.hidden

А

@Fedor92 · 15.02.2017, 22:54

Сообщение от d3v1ldream

А как называються вот эти оператори в сss?)

Какие операторы?
div - селектор элемента
:hover - псевдокласс
>-указывает на вложенность элемента и указывает строгость определения стилевых свойств
.hidden - селектор класса

@d3v1ldream · 15.02.2017, 23:34 **[ТС]**

Сообщение от Fedor92

>-указывает на вложенность элемента и указывает строгость определения стилевых свойств

Я про это спрашивал)

Новые блоги и статьи Все статьи Все блоги /
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .

@d3v1ldream 0 / 0 / 0 Регистрация: 31.03.2016 Сообщений: 36

	Свойство hover 15.02.2017, 22:26. Показов 1414. Ответов 4 Метки нет (Все метки) Доброй ночи киберфорумцы) Меня мучает такой вопрос: Можно ли с помощью сss сделать так, что бы при навведение блок, контент менялся. То есть, у меня есть родительский блок, а в нем 2 дочерних, и у одного из них прописано свойство display:none, и при наведении на родительский, это свойсвто передавалось другому блоку, а даный становился видимым. Знаю что можно реализовать это на js, но меня пока больше интересует вариант на css) 0

Опции темы

Свойство hover

Решение