ugrás a tartalomhoz

Leszármazott elemek CSS-ben

airwalker · 2006. Jún. 20. (K), 18.49
Adott egy p bekezdés, azon belül pedig egy h2 cím:
<p><h2>valami</h2></p>
A hozzá tartozó css kód:
p h2 {color:blue}
Lehet, hogy én tévedek, de szerintem ilyenkor a h2 címnek kéken kéne megjelennie. Da a valóságban simán fekete marad IE és Firefox alatt is. Ha a p elemet lecserélem egy div-re (a html-ben és a css-ben is), akkor működik. De akkor mi a baj a p-vel? Kérlek segítsetek!
 
1

Tilos!

Jano · 2006. Jún. 20. (K), 19.02
P elemen belűl nem lehet H2! Általánosan: P elemene belül nem lehet semmilyen blokk típusú elem!
2

vessző

Anonymous · 2006. Jún. 20. (K), 19.06
Ha mindenáron így akarod:
p, h2 {color:blue}
3

Ne akarja így és ez mást jelent

Jano · 2006. Jún. 20. (K), 19.34
Először is ne akarja így, mert ez hibás!

Másodszor az általad írt szabályról a CSS-ben kevésbé járatosaknak:
A vesszővel elválasztás rövidítést jelent. És ennek a két szabálynak az összevonását jelenti.

p {color:blue}
h2 {color:blue}
Tehát valójában a leszármazott szabály átalakul egy sima elem kiválasztóra és így már MINDEN h2 elemre vonatkozni fog, nem csak bizonyos típusú elemen belül!
4

köszi

airwalker · 2006. Jún. 20. (K), 19.35
Köszönöm a segítséget.
5

új probléma a témával kapcs.

skate · 2006. Júl. 3. (H), 14.52
Ezért nem nyitnék új topicot, de a problémám a következő:

adott egy css,
.content{}
eleme minden féle cumóval beállítva. Ha megjelenítek ilyen stílusban valamit és közbe bekerül pl egy tábla akkor arra már nem érvényes a stílus.
Így persze meg tudom határozni:
.content table{}
hogy ez is olyan legyen de a kérdés az, hogy ilyenkor minden elemen végig kell e menni, hátha használva lesz olyan is és akkor az is ugyan úgy nézzen ki v. van erre valami épkézláb megoldás (pl hogy a .content rekurzivan hasson)? Előre is köszi.
6

joker karakter

Anonymous · 2006. Júl. 3. (H), 15.00
.content * {}
7

tényleg

skate · 2006. Júl. 3. (H), 15.06
wow... és tényleg... köszi! van még vmi más okosság amit ilyen esetben szoktak csinálni v. evvel el lehet minden esetben korrekten intézni a dolgot?
8

5 másodperc

winston · 2006. Júl. 3. (H), 15.22
http://www.google.com/search?q=css+selectors&start=0&start=0&ie=utf-8&oe=utf-8&client=flock&rls=FlockInc.:en-US:official
9

köszi

skate · 2006. Júl. 3. (H), 15.37
már az első találaton megtaláltam mindent ami csak felmerülhet kérdésként... thx és bye
10

és mi van az 'a' -val

rudo · 2006. Júl. 4. (K), 11.17
tényleg: és hogyan csinálhatok linket egy képpből?
az 'a' tag inline, az 'img' pedig blokk -vagy nem?
11

Az image "replaced-inline"

Jano · 2006. Júl. 4. (K), 11.22
Az img miért lenne blokk? Azok a blokk elemek amik új sorba kezdődnek és az utánuk jövő elem is új sorba kezdődik. Egy képre ez nem igaz. Próbáld ki: tegyél egy képet egy bekezdésnyi szöveg közepére.

Más kérdés, hogy amikor egy képet szeretnénk, hogy körbe vegyen a szöveg akkor float-oljuk és ekkor a floatolás miatt blokk típusúvá vállik.
12

aha

rudo · 2006. Júl. 4. (K), 11.32
így világos, csak valamiért nekem blokk-nak tünt, vszig azért, amit írtál is.