hawkmaster: Spezielle Klasse ansprechen?

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

  1. Hallo,

    ich würde es mit

    .ShowNavtop div:first-child input{

    versuchen.

    Gruss

    MrMurphy

    1. @@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'

      --
      „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
  2. @@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'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
    1. 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