Combinatoare CSS. Selectorul sibling adiacent. Selectorul sibling general.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Selectorul sibling adiacent selectează toate elementele care sunt frații adiacenți ai unui element specificat.
Elementele sibling trebuie să aibă același element părinte, iar „adiacent” înseamnă „urmărirea imediată”.
Următorul exemplu selectează toate elementele <p> care sunt plasate imediat după elementele <div>:
Exemplu:
div + p {
background-color: yellow;
}
Selectorul sibling general
Selectorul sibling general selectează toate elementele care sunt frații unui element specificat.
Următorul exemplu selectează toate elementele <p> care sunt frați ai elementelor <div>:
Exemplu:
div ~ p {
background-color: yellow;
}