[CSS] div selection

[betis85]

Salve a tutti,
avrei il seguente problema:
<div id="admin">
<div>Ciao</div>
<div>a tutti</div>
</div>
vorrei applicare al secondo sub div uno stile direttamente usando l'id del padre cioè

#admin div{
color:#000000;
}

facendo così lo applico a tutti e due, io invece vorrei applicarlo solo al secondo... posso usare solo lo standard css

[widoz83]

Potresti usare le pseudo classi :last-child o :nth-child ma su IE<9 non sono gestite.
Altrimenti associare una classe direttamente al secondo div.

Queste sono le prime due soluzioni "css" che mi vengono in mente.

Ciao

[widoz83]

questa è più articolata ma funziona anche per IE7+

#admin div:first-child + div{
     color:#000000;
}

[betis85]

purtroppo non va

[partime]

purtroppo non va

Però specifica su quali browser lo stai provando.

[widoz83]

aspetta...io ti ho messo il colore nero perchè era quello che avevi impostato tu nel tuo primo post, se anche gli altri div hanno lo stesso colore non vedi l'effetto...prova a cambiare il colore.

[betis85]

Quel blocchetto è immerso in altri div,
ho usato:
#Admin div > div:first-child{
height:1000px !important;
padding-right:20px;
}
#panelAdmin div > div:first-child + div{
width:100% !important;
}
risultato: tutte e due prendono tutti gli attributi:
css
<div id="admin">
<div>Bla Bla </div>
<div>
<div>Ciao</div>
<div>a tutti</div>
</div>
<div>

[betis85]

forse ho capito male l'uso dell'attributo

[widoz83]

il codice che ti avevo mandato si basava sulla struttura che avevi postato:

<div id="admin">
   <div>Ciao</div>
   <div>a tutti</div>
</div>

#admin div:first-child prende il primo div figlio di #admin. Aggiungendo " + div" vado a selezionare il primo div adiacente al primo figlio di #admin (in questo caso "a tutti").


Se la struttura complessiva è differente allora bisogna prima capire come sono strutturati i div. #panelAdmin da dove arriva?

Ciao

[betis85]

scusa è sempre #Admin