CSS - relatywny selektor elementu

Wszystko o HTML, XHTML, XML, CSS.
Post Reply
michalred
Posts: 26
Joined: 15 Dec 2016, 18:40:41
Gender: None specified
User Agent: Chrome Windows 1366x768

CSS - relatywny selektor elementu

Post by michalred »

Witam,
czy istnieje sposób na utworzenie relatywnego selektora elementu, np. jeśli:

Code: Select all

<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
Posts: 58
Joined: 09 Jan 2017, 08:23:00
Gender: None specified
User Agent: Chrome Linux 1600x900

CSS - relatywny selektor elementu

Post by lumat1 »

Witam,
Niestety CSS nie umożliwia cofania się w drzewie DOM. Możliwe jest jedynie odwołanie się do następnego elementu, np:

Code: Select all

#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:

Code: Select all

$("#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?
abelardizka
Posts: 23
Joined: 04 Apr 2017, 12:18:25
Gender: None specified
User Agent: Opera Windows 1920x1080
Contact:

CSS - relatywny selektor elementu

Post by abelardizka »

Nie wiedziałem o tym. Człowiek uczy się całe życie.
abelardizka
Posts: 23
Joined: 04 Apr 2017, 12:18:25
Gender: None specified
User Agent: Opera Windows 1920x1080
Contact:

CSS - relatywny selektor elementu

Post by abelardizka »

Nie wiedziałem o tym. Człowiek uczy się całe życie.
Post Reply