CSS element1 ~ element2 Selektor
Przykład
Ustaw kolor tła dla wszystkich elementów <ul>, które są poprzedzone elementem <p> z tym samym rodzicem:
p ~ ul
{
background: #ff0000;
}
Definicja i użycie
Selektor element1 ~ element2 dopasowuje wystąpienia elementu element2 poprzedzone przez element1 .
Oba elementy muszą mieć tego samego rodzica, ale element2 nie musi być bezpośrednio poprzedzony elementem element1 .
Wersja: | CSS3 |
---|
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje selektor.
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
Składnia CSS
element ~ element {
css declarations;
}