Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] styl dla elementu jeśli zawiera inny element
phpion
post
Post #1





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Hej,
szukałem, ale za bardzo nie wiem pod jakim hasłem szukać (css zawieranie?) więc nic nie znalazłem (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ? {style dla znacznika, który ma w sobie img}

Jak takie coś osiągnąć?
pion
Go to the top of the page
+Quote Post
batman
post
Post #2





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




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.
Go to the top of the page
+Quote Post
phpion
post
Post #3





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




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ę.
Go to the top of the page
+Quote Post
gekon
post
Post #4





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

Ostrzeżenie: (0%)
-----


Nie ma w CSS selektora rodzica (w CSS3 też nie jest przewidywany).

Ten post edytował gekon 11.08.2007, 22:35:44
Go to the top of the page
+Quote Post
phpion
post
Post #5





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




No właśnie :/ troszkę kupka...
Go to the top of the page
+Quote Post
defrag
post
Post #6





Grupa: Zarejestrowani
Postów: 82
Pomógł: 3
Dołączył: 15.01.2007

Ostrzeżenie: (10%)
X----


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:)
Go to the top of the page
+Quote Post
phpion
post
Post #7





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




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ć (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) hehehe, bo w praktyce to i tak działa tak samo (?) jak p > img
Go to the top of the page
+Quote Post
gekon
post
Post #8





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

Ostrzeżenie: (0%)
-----


@phpion.com: Nie powinno.

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


> to selektor potomka:
  1. <p>poprzednik <img alt="potomek" /></p>
Go to the top of the page
+Quote Post
phpion
post
Post #9





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 15:12