Обращение к родительскому элементу CSS
Здесь нет обращения в родителю через чайлда. А просто костыль.
1 сен 2017 в 13:51
@Sergey Novikov — способа, чтобы влиять на parent через child в css нет
1 сен 2017 в 13:53
я выше это и написал. Он написал Например меняется фон, так что ваш костыль подходит только для этого.
1 сен 2017 в 13:56
@Sergey Novikov я и написал данный костыль исходя из условия вопроса
1 сен 2017 в 13:57
Думаю, в вопросе все же нужно было универсальное решение (если бы оно было), а пример с фоном — лишь для уточнения
Родительский класс в CSS
Почти никак. CSS — это каскад: обратиться можно либо к дочернему элементу, либо к идущему в потоке после элемента на одном уровне вложенности.
Исключение составляет :focus-within :
div < padding: 10px; >div:focus-within
Отслеживать
ответ дан 30 мар 2021 в 12:47
humster_spb humster_spb
13.5k 4 4 золотых знака 24 24 серебряных знака 47 47 бронзовых знаков
- html
- css
- вёрстка
- наследование
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Стиль не применяется к родителю в CSS
У меня есть инпут, который находится в диве, при фокусе инпута долдно применяться стиль CSS к родителю див, но ничего не робит. Может кто-то помоxь и сказать что это за магия вне Хогвартса? Заранее благодарен всем
div < display: flex; flex-direction: column; margin: 16px; padding: 24px; box-shadow: 0 0 6px 1px rgba(0, 0, 0, .4); >input:focus div
Отслеживать
задан 15 мар 2022 в 13:38
3,522 1 1 золотой знак 4 4 серебряных знака 22 22 бронзовых знака
Стили работают только сверху вниз, в будущем появится селектор has который позволит сделать так как вы хотите, но пока что его нет.
15 мар 2022 в 13:42
@UserTest013, не появится
15 мар 2022 в 13:43
@Grundy, в сафари уже есть
15 мар 2022 в 13:46
@UserTest013 надеюсь появиться
15 мар 2022 в 13:47
@UserTest013, не знал. есть где про него? :has = хм, интересно на сколько это общее решение, а не только придумка сафари
15 мар 2022 в 13:48
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
div < display: flex; flex-direction: column; margin: 16px; padding: 24px; box-shadow: 0 0 6px 1px rgba(0, 0, 0, .4); >div:focus-within < box-shadow: 0 0 16px 4px rgba(255, 0, 0, .4); >div input
Отслеживать
ответ дан 15 мар 2022 в 13:44
Andrei Fedorov Andrei Fedorov
5,791 1 1 золотой знак 9 9 серебряных знаков 31 31 бронзовый знак
спасибо большое)
15 мар 2022 в 13:47
- html
- css
- css3
- style
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как можно обратиться к родителю в CSS ?
Хочу сделать рамку, а как обратиться к li c класса не пойму ?
Ссылка на комментарий
Поделиться на других сайтах
Больше способов поделиться.
4 ответа на этот вопрос
- Сортировать по голосам
- Сортировать по дате
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.
Примечание: вашему сообщению потребуется утверждение модератора, прежде чем оно станет доступным.