Strona 1 z 1

CSS - relatywny selektor elementu

: 22 sty 2017, 19:03:55
autor: michalred
Witam,
czy istnieje sposób na utworzenie relatywnego selektora elementu, np. jeśli:

CodeColon Select All Code

<p>paragraf</p>
<p>paragraf</p>
<p class="demo">paragraf</p>

to wówczas dodać style do paragrafu leżącego o dwa wcześniej względem paragrafu o klasie demo (w tym wypadku pierwszego paragrafu)?
Z góry dziękuję,
michalred

CSS - relatywny selektor elementu

: 23 sty 2017, 09:20:47
autor: lumat1
Witam,
Niestety CSS nie umożliwia cofania się w drzewie DOM. Możliwe jest jedynie odwołanie się do następnego elementu, np:

CodeColon Select All Code

#demo + p {
   background-color: red;
}


Aby odwołać się do poprzednich elementów konieczne będzie użycie JavaScriptu, np. przy użyciu jQuery kod powinien wyglądać tak:

CodeColon Select All Code

$("#demo").prev().prev().css("background-color", "red");


Pozdrawiam serdecznie
Łukasz
Obsługa CBA