CSS - relatywny selektor elementu

Wszystko o HTML, XHTML, XML, CSS.
michalred
Posty: 26
Rejestracja: 15 gru 2016, 18:40:41
Reputacja: 0
Płeć: Niewybrana
User Agent: Chrome Windows 1366x768

CSS - relatywny selektor elementu

Postautor: michalred » 22 sty 2017, 19:03:55

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
lumat1
Obsługa CBA
Posty: 58
Rejestracja: 09 sty 2017, 08:23:00
Reputacja: 0
Płeć: Niewybrana
User Agent: Chrome Linux 1600x900

CSS - relatywny selektor elementu

Postautor: lumat1 » 23 sty 2017, 09:20:47

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
Czy wiesz, że:
  • W Panelu CBA w sekcji "wsparcie" jest dedykowany system ticketów (obsługi technicznej)
  • Odpowiadamy na Forum oraz na adres mailowy obsluga(malpa)cba.pl
  • Jesteśmy również na Facebooku! Znajdź nas na facebook.com/hostingcba | cba.pl
W czym jeszcze możemy pomóc?

Wróć do „HTML, CSS”

Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 5 gości