Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zaawansowane selektory CSS
Forum PHP.pl > Forum > Po stronie przeglądarki
duszek
Witam,

Szukam i nie mogę odszukać selektorów które pozwolą mi narzucić styl tylko w sytuacji gdy element zawiera określony element o określonej klasie np.

  1. <p><span class="plus">HTML</span></p>
  2. <p>HTML</p>
  3. </div>


I teraz chcę nadać styl wyłącznie dla elementów <p></p> w których znajduje się element o nazwie klasy .plus

Problem w tym że znam trochę zaawansowanych selektorów jednak z takim się nie spotkałem i myślę że taki istnieje bo jest to dość często mi potrzebne a zapewne i nie jednej osobie, a nie chcę w tym przypadku stosować JS.

Każda wskazówka jest na wagę złota więc piszcie.
Mega_88
A tak sprawdzałeś ?

  1. p span.plus { COS }
trueblue
Cytat(duszek @ 14.12.2018, 12:09:56 ) *
I teraz chcę nadać styl wyłącznie dla elementów <p></p> w których znajduje się element o nazwie klasy .plus

Nie ma takiego selektora w CSS, docelowo ma być: https://developer.mozilla.org/en-US/docs/Web/CSS/:has
duszek
Cytat(trueblue @ 14.12.2018, 15:19:30 ) *
Nie ma takiego selektora w CSS, docelowo ma być: https://developer.mozilla.org/en-US/docs/Web/CSS/:has

Niekoniecznie, niedawno spotkałem się z takim selektorem, gdzie narzucał styl pod warunkiem gdy np <div> zawierał w sobie powiedzmy <p>, a że mądra głowa nie zapisała sobie tego to już po ptokach.... i nie wiem jak tego szukać

Cytat(Mega_88 @ 14.12.2018, 14:53:00 ) *
A tak sprawdzałeś ?

  1. p span.plus { COS }

To rozwiązanie nic nie wnosi...
trueblue
Cytat(duszek @ 19.12.2018, 00:14:53 ) *
Niekoniecznie, niedawno spotkałem się z takim selektorem, gdzie narzucał styl pod warunkiem gdy np <div> zawierał w sobie powiedzmy <p>, a że mądra głowa nie zapisała sobie tego to już po ptokach.... i nie wiem jak tego szukać

To następnym razem zapisz.
Nie ma takiego selektora. To o czym piszesz, to mogła być pseudoklasa :empty, która w Twoim przypadku i tak nie jest pomocna.
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-2025 Invision Power Services, Inc.