Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dziedziczenie stylu w górę
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
AboutMe
Czy w css jest możliwe dziedziczenie stylu w górę, tzn. powiedzmy mamy taki kod

  1. <div class="parent">
  2. <div class="child">
  3. </div>
  4. </div>
  5.  
  6. .parent > .child { background:#cccccc; }


Chciałbym żeby background:#cccccc było przypisane do parent jeśli będzie zawierał w środku div o nazwie child, z tego co wiem to chyba służy do tego > ale coś w podanym przykładzie nie działa.
viking
CSS nie umożliwia operowanie w górę drzewa. Miało być w CSS4.
trueblue
Podany selektor nie do tego służy.

Możesz to zasymulować stylując pseudoelement :before (:after) elementu .child, podobnie jak element .parent.
https://jsfiddle.net/27LacfhL/
Comandeer
Cytat(viking @ 2.11.2016, 17:16:54 ) *
Miało być w CSS4.

CSS Selectors Level 4. CSS4 nie istnieje. Natomiast wśród nowych selektorów jest pseudoklasa :has, która ładnie by tu pasowała. Szkoda, że już z 4 lata minęły odkąd ją wymyślono a implementacji ani widu, ani słychu. Więc na razie trza się ratować JS-em.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.