CSS4 вже сьогодні визначаємо батьківські елементи
Назад у майбутнє: плагін дозволяє нам скористатися CSS4 вже сьогодні
CSS4 принесе нам багато додаткових можливостей, а також нові селектори. Один із цих нових селекторів називається parent, який дозволяє нам визначати батьківські елементи, що досі неможливо зробити у CSS3. Ось так виглядатиме код:
У прикладі вміст елемента P забарвлюється в червоний колір, оскільки це батьківський елемент елемента INPUT. Оскільки жоден сучасний браузер не може відобразити цей ефект, вам не слід використовувати його. Якщо ви не хочете чекати, скажімо, років зо три, то краще зосередьтеся на cssParentSelector для jQuery. Щоб скористатися цим плагіном, ви як звичайно викличете його разом із jQuery у головній секції вашого HTML-коду. Плагін далі сам подбає про все.
У використанні селектора ви не обмежені, і тому можете використовувати його у класах та id. Він, ймовірно, повинен працювати в комбінації з універсальними селекторами:
У цьому прикладі фон кожного батьківського елемента P буде пофарбований в зелений колір.
Замість того, щоб безпосередньо визначати батьківський селектор, ви можете вказати спеціальний цільовий елемент, який є дочірнім для батьківського елемента:
Майбутнє оновлення специфікації CSS точно ощасливить багатьох веб-розробників. Ну а поки цієї радості ми не маємо, ми можемо спокійно використовувати cssParentSelector для jQuery. Цей плагін можна завантажити в Github і безкоштовно використовувати як в особистих, так і комерційних проектах. Він поширюється під ліцензійною угодою MIT та GPL.