Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] styl dla elementu jeśli zawiera inny element
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
phpion
Hej,
szukałem, ale za bardzo nie wiem pod jakim hasłem szukać (css zawieranie?) więc nic nie znalazłem tongue.gif. Otóż mam taki problem:
  1. <p>jakis tekst</p>
  2. <p><img src... /></p>

W jaki sposób nadać styl dla akapitu, który zawiera znacznik img? Ogólnie chodzi mi o coś takiego:
  1. p {style dla każdego akapitu}
  2. p questionmark.gif? {style dla znacznika, który ma w sobie img}

Jak takie coś osiągnąć?
pion
batman
Sądzę, że chodzi Ci o coś takiego:

  1. p > img {
  2. /*css*/
  3. }


Jednak nie jestem pewien, czy obecne przeglądarki takie coś będą interpretować.

Więcej znajdziesz na google pod hasłem css selektory.
phpion
No właśnie chodzi mi o coś odwrotnego. Twój przykład przypisze styl dla <img> znajdującego się w <p>, a mi natomiast chodzi o przypisanie stylu dla <p>, który posiada bezpośrednio w sobie <img>. W sumie poradziłem sobie inaczej, ale jeśli ktoś wie jak taki efekt osiągnąć prosiłbym o informację.
gekon
Nie ma w CSS selektora rodzica (w CSS3 też nie jest przewidywany).
phpion
No właśnie :/ troszkę kupka...
defrag
Nie jestem na 100% pewnien, ale wydaje mi sie ze taki selector mozesz uzyskac przy uzyciu jQuery. Gdzies widzialem bardzo podobny przyklad tylko teraz gdzies zapodzial mi sie link:)
phpion
W sumie chyba powinno działać coś takiego (http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors) czyli np.
p + img
Powinno w sensie, że mogłoby tak działać smile.gif hehehe, bo w praktyce to i tak działa tak samo (?) jak p > img
gekon
@phpion.com: Nie powinno.

+ to selektor nastepnika:
  1. <p>poprzednik</p> <img alt="nastepnik" />


> to selektor potomka:
  1. <p>poprzednik <img alt="potomek" /></p>
phpion
Dzięki za wyjaśnienie różnicy. W sumie nie bardzo rozumiałem jaka jest różnica między > a +. Teraz już wiem, dzięki.
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.