Definitionen für bestimmte Elemente greifen über.

[pinguSTAR]

Hallo Zusammen,

ich habe gestern feststellen müssen, das mein .css datei einen fehler beinhaltet.

undzwar habe ich für das div #headline festgelegt, dass alle <p> elemente "inline" gesetzt werden. Das funktioniert auch 1a, nur leider passiert das nun im ganzen html dokument.

das wäre der code:

  
#headline h1,h2,p {  
	font-family:Georgia, "Times New Roman", Times, serif;	  
	display:inline;  
	text-decoration:none;  
	color:#06469e;  

hat von euch jemand eine idee wieso das so ist? oder ist das generell so und ich habe da etwas falsch verstanden?!

danke schonmal und grüße

[pinguSTAR]

also bei dem code ist die schließende klammer natürlich gesetzt. hab sie nur grade vergessen mit einzufügen.

[MudGuard]

Hi,

undzwar habe ich für das div #headline festgelegt, dass alle <p> elemente "inline" gesetzt werden.

#headline h1,h2,p {

Das Komma trennt komplette Selektoren.

#headline h1,h2,p { /* whatever */ }

ist dasselbe wie

#headline h1 { /* whatever */ }
h2           { /* whatever */ }
p            { /* whatever */ }

Du willst vermutlich eher

#headline h1 { /* whatever */ }
#headline h2 { /* whatever */ }
#headline p  { /* whatever */ }

cu,
Andreas

[pinguSTAR]

ouhh! das wusste ich nicht!

vielen dank!

[dave]

Hi,

das wäre der code:

#headline h1,h2,p {
font-family:Georgia, "Times New Roman", Times, serif;
display:inline;
text-decoration:none;
color:#06469e;

  
du hast die einzelnen Elemente mit Komma separiert.  
  
Dadurch wird dieses CSS auf folgendes angewandt:  
  
#headline h1 (auf alle h1 unterhalb eines elementes mit der id headline)  
h2 (auf alle h2)  
p (auf alle p)  
  
was du vermutlich möchtest ist  
~~~css
#headline h1, #headline h2, #headline p {  
...  
}

~dave

[suit]

du hast die einzelnen Elemente mit Komma separiert.

Eigentlich sind mit den Kommata Selektoren separiert ;)