Сусідні селектори, css, webreference

Сусідніми називаються елементи веб-сторінки, коли вони йдуть безпосередньо один за одним в коді документа.

Синтаксис?

Для управління стилем сусідніх елементів використовується символ плюса (+), який встановлюється між двома селекторами E і F. Прогалини навколо плюса не обов'язкові. Стиль при такому записі застосовується до елементу F, але тільки в тому випадку, якщо він є сусіднім для елемента E і слід відразу після нього. Розглянемо кілька прикладів.

елемент є дочірнім по відношенню до

. оскільки він знаходиться всередині цього контейнера. відповідно

виступає в якості батька .

елементи і ніяк не перекриваються і являють собою сусідні елементи. Те, що вони розташовані всередині контейнера

. не впливає на їхнє ставлення.

Сусідніми тут є елементи і . а також і . При цьому і до сусідніх елементів не належать через те, що між ними розташований контейнер .

позначення

У таблиці браузерів застосовуються такі позначення.

  • - властивість повністю підтримується браузером з усіма допустимими значеннями;
  • - властивість браузером не сприймається і ігнорується;
  • - при роботі можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, які вказані в специфікації.

Число вказує версію браузера, починаючи з якої властивість підтримується.

Рекомендуємо

властивості CSS

значення властивостей

На сайті знаходяться довідники з різних веб-технологіями, а також керівництва по верстці веб-сторінок і розробці мобільних додатків.

Схожі статті

Copyright © 2024