Spezielle Klasse ansprechen?

[hawkmaster]

Hallo zusammen,

Mit dem CSS ".ShowNavtop div input{" sprich man ja alle Divs unterhalb der Klasse "ShowNavtop" an.
Wie kann man aber gezielt nur das Div mit der Klasse "divwide" unterhalb von "ShowNavtop" ansprechen?

  
<div class="ShowNavtop">  
div class="divwide">  
<input name="btn_ShowTime" type="button" value="Anzeigen">  
</div>  
</div>  
  

  
.ShowNavtop div input{  
	height:25px;  
	width:150px;  
	font-weight:bold;  
}  

vielen Dank und viele Grüße
hawk

[MrMurphy]

Hallo,

ich würde es mit

.ShowNavtop div:first-child input{

versuchen.

Gruss

MrMurphy

[Gunnar Bittersmann]

@@MrMurphy:

nuqneH

ich würde es mit
.ShowNavtop div:first-child input{
versuchen.

Ich nicht.

Wenn bei späteren Änderungen am Markup noch ein Element davor hinzukommt, ist die Darstellung kaputt. Sowas will man von Vornherein vermeiden.

Qapla'

[Gunnar Bittersmann]

@@hawkmaster:

nuqneH

Mit dem CSS ".ShowNavtop div input{" sprich man ja alle Divs unterhalb der Klasse "ShowNavtop" an.

Nö. Sondern die darin enhaltenen input-Elemente.

Wie kann man aber gezielt nur das Div mit der Klasse "divwide" unterhalb von "ShowNavtop" ansprechen?

'.ShowNavtop .divwide' oder '.ShowNavtop > .divwide'. War das jetzt zu einfach um drauf zu kommen?

<input name="btn_ShowTime" type="button" value="Anzeigen">

Warum input-Element und nicht button-Element?

Qapla'

[hawkmaster]

Hallo Gunnar

Danke für deine Hilfe.

'.ShowNavtop .divwide' oder '.ShowNavtop > .divwide'. War das jetzt zu einfach um drauf zu kommen?

Nein eigentlich nicht. Ich war mir nur nicht mehr sicher mit der Schreibweise und habe beim Googeln auf die Schnelle nichts gefunden.

vielen Dank und viele Grüße
hawk