CSS и изменение стиля родителя при нажатии на дочь

@D7ILeucoH · Регистрация: 29.02.2016

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

Как это сделать? Имеется:

HTML5
1
<div class="bag"><div class="tes"></div><input class="bt" type="submit" value="Закрыть"></input></div>

Нужно написать стиль, который при нажатии ТОЛЬКО на ребёнка с классом "bt" - будет делать невидимым всего родителя с классом "bag" и его всеми детьми.

@Takitsukerarete · 02.09.2016, 16:56

Стилем, наверное, никак. Только скриптом.
Для ребёнка пишешь:

HTML5
1
onclick="hideBag()"

И в скрипте пишешь:

JavaScript
1
function hideBag(){$('.bag').css('display','none');}

Требует библиотеку jQuery!

@D7ILeucoH · 02.09.2016, 17:09 **[ТС]**

нет, нужно без скриптов.

@Takitsukerarete · 02.09.2016, 17:24

Насколько я знаю, css не обрабатывает клики. Вероятно, это невозможно. Я дал рабочий вариант

@D7ILeucoH · 02.09.2016, 18:44 **[ТС]**

Хорошо. Проблему решил. Я педант, не люблю ухайдокивать траффик юзера, поэтому сделал на голом JS аналогично твоему решению. А изначально на JS я писать не хотел, так как там косячное слежение за перемещением мыши, которое я решил с помощью CSS. Твой ответ будет лучшим!

@cyb0rg_01 · 03.09.2016, 09:33

Это не те слова: дочь, ребенок. Правильно будет потомок. Ладно хоть у вас родитель в дочь ничего не засовывал.

@D7ILeucoH · 03.09.2016, 16:56 **[ТС]**

Верно! К такому слову я пришёл путём сокращения "дочерний элемент", единственное, что пришло в голову

Не по теме:

хорошо, что не засовывал) а то будет это называться словом и*ц*ст)

@Takitsukerarete · 04.09.2016, 09:25

Родитель в дочь ничего не засовывал, дочь родителю ничего никуда не давала

Новые блоги и статьи Все статьи Все блоги /
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .

@D7ILeucoH 22 / 20 / 5 Регистрация: 29.02.2016 Сообщений: 590
	02.09.2016, 17:09 [ТС]
	нет, нужно без скриптов. 0

@Takitsukerarete 15 / 15 / 13 Регистрация: 25.12.2015 Сообщений: 55
	02.09.2016, 17:24
	Насколько я знаю, css не обрабатывает клики. Вероятно, это невозможно. Я дал рабочий вариант 1

@D7ILeucoH 22 / 20 / 5 Регистрация: 29.02.2016 Сообщений: 590
	02.09.2016, 18:44 [ТС]
	Хорошо. Проблему решил. Я педант, не люблю ухайдокивать траффик юзера, поэтому сделал на голом JS аналогично твоему решению. А изначально на JS я писать не хотел, так как там косячное слежение за перемещением мыши, которое я решил с помощью CSS. Твой ответ будет лучшим! 0

@cyb0rg_01 Фрилансер 735 / 352 / 96 Регистрация: 05.05.2014 Сообщений: 2,621
	03.09.2016, 09:33
	Это не те слова: дочь, ребенок. Правильно будет потомок. Ладно хоть у вас родитель в дочь ничего не засовывал. 0

@D7ILeucoH 22 / 20 / 5 Регистрация: 29.02.2016 Сообщений: 590
	03.09.2016, 16:56 [ТС]
	Верно! К такому слову я пришёл путём сокращения "дочерний элемент", единственное, что пришло в голову Не по теме: хорошо, что не засовывал) а то будет это называться словом ицст) 0

@Takitsukerarete 15 / 15 / 13 Регистрация: 25.12.2015 Сообщений: 55
	04.09.2016, 09:25
	Родитель в дочь ничего не засовывал, дочь родителю ничего никуда не давала 0

CSS и изменение стиля родителя при нажатии на дочь

Решение