Drukowana wersja tematu

Napisany przez: AboutMe 2.11.2016, 16:55:29

Czy w css jest możliwe dziedziczenie stylu w górę, tzn. powiedzmy mamy taki kod

[HTML] pobierz, plaintext 
<http://december.com/html/4/element/div.html class="parent">
   <http://december.com/html/4/element/div.html class="child">
   </http://december.com/html/4/element/div.html>
</http://december.com/html/4/element/div.html>
 
.parent > .child { background:#cccccc; }
[HTML] pobierz, plaintext 

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.

Napisany przez: viking 2.11.2016, 17:16:54

CSS nie umożliwia operowanie w górę drzewa. Miało być w CSS4.

Napisany przez: trueblue 2.11.2016, 17:23:11

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/

Napisany przez: Comandeer 2.11.2016, 21:08:22

CSS Selectors Level 4. CSS4 http://www.xanthir.com/b4Ko0. Natomiast wśród nowych selektorów jest https://drafts.csswg.org/selectors-4/#relational, 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.