Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.01.2017, 11:59
Аватар для sovsem-nub
Профессор
Отправить личное сообщение для sovsem-nub Посмотреть профиль Найти все сообщения от sovsem-nub
 
Регистрация: 15.10.2014
Сообщений: 255

CSS3 Как по ребенку изменить стиль родителя?
Например
<ul>
<li class="myli">
<a>Привет</a>
</li>
</ul>

Как зная только класс .myli , добавить отступ родителю? в нашем случае родитель ul

Нашел кучу псевдоклассов для детей, а для родителя ни одного.
Ответить с цитированием
  #2 (permalink)  
Старый 06.01.2017, 12:09
Аспирант
Отправить личное сообщение для TestUser013 Посмотреть профиль Найти все сообщения от TestUser013
 
Регистрация: 13.07.2013
Сообщений: 94

Для родителя нету. CSS селекторы анализируются только справа налево (для производительности).
В данном случаи поможет только js.
Ответить с цитированием
  #3 (permalink)  
Старый 06.01.2017, 12:13
Аватар для MallSerg
Профессор
Отправить личное сообщение для MallSerg Посмотреть профиль Найти все сообщения от MallSerg
 
Регистрация: 07.03.2011
Сообщений: 1,138

Никак иначе это может приводить к бесконечной рекурсии и полному распаду каскадности стилей.
Если грубо на пальцах объяснять то ребенок не должен никак влиять на родителя т.к. родитель по умолчанию влияет на ребенка. Взаимное влияние сделает невозможным разрешение стилей по этому это принципиально запрещено.
Ответить с цитированием
  #4 (permalink)  
Старый 06.01.2017, 12:16
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

В настоящее время нет способа выбрать родительский элемент в CSS.

Черновик проекта "Селекторы Уровень 4" включает в себя псевдо-класс :has() , который позволяет это делать. https://drafts.csswg.org/selectors-4/#relational
ul:has(> .myli) {
    margin: 1em;
}

По состоянию на 2017 год, это не доступно ни в одном браузере.
http://caniuse.com/#feat=css-has
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменить цвет и размер шрифта в Java savas332 Серверные языки и технологии 3 09.01.2014 17:02
Как объединить 4 одинаковых функции Batyabest Общие вопросы Javascript 2 21.12.2013 22:53
помогите изменить стиль realgleb Общие вопросы Javascript 3 03.05.2012 15:58
Как изменить адресную строку и изменить историю переходов vuler Общие вопросы Javascript 4 20.03.2012 14:14
Как изменить скрипт, что бы им его можно было использовать для нужной страницы Nick50_70 Общие вопросы Javascript 0 28.04.2009 23:30