Selezionare div padre

[ZioLollo]

Ho diversi div con stessa classe, all'interno ho altri 2 div, io devo temizzare i div padre singolarmente. C'e' un modo per selezionare un div in base ai div contenuti?


Esempio:

<div class=alfa>
   <div id=1> </div>
</div>

<div class=alfa>
   <div id=2> </div>
</div>

Come posso selezionare il div alfa singolarmente? C'e' un modo per dire al css di selezionarmi il div con classe alfa, ma solo quello che contiene il div con id=2?

[Prill]

non con i css, perché il browser dovrebbe andare a rendere il div padre dopo aver caricato il figlio. Se i tuoi div padre sono generati dinamicamente potresti però sempre dinamicamente fargli assegnare un diverso id

[partime]

Temo di no. Dovresti aggiungere un'ulteriore classe (se non puoi modificarla) ai div padre, classe diversa per ognuno.

[SimoX90]

Non esiste per ora una soluzione css, forse con css4 ma mancano ancora molti anni!
O dai un altra classe/id unica per selezionarlo, o ti affidi a javascript

[ZioLollo]

Purtroppo non posso intervenire aggiungendo codice.... devo arrangiarmi con quello che ho

questo è il codice relativo ad un check-button con label:

<div id="edit-field-boole01-und" class="form-radios">    <div class="form-item form-type-radio form-item-field-boole01-und">    <input id="edit-field-boole01-und-1" class="form-radio" type="radio" checked="checked" value="1" name="field_boole01[und]">    <label class="option" for="edit-field-boole01-und-1">aperto </label>    </div></div>

Quello che vorrei fare è solamente spostare in alto il check-button ed il relativo label


Col seguente codice css riesco a spostare il chek-button

.form-item-field-boole01-und [value="1"] {
   margin-left: 30px;
   margin-top: -100px;
}

Invece con questo codice riesco a spostare a sx e bordare il label, ma non riesco a spostarlo in alto

.form-item-field-boole01-und [for="edit-field-boole01-und-1"]  {
   border: solid 3px;
   margin-left: 30px;
   margin-top: -100px;
}

[SimoX90]

hai provato a usare position:relative e top:-100px?

[ZioLollo]

Con position:relative non cambia nulla...., però funziona position:absolute

[Prill]

anche con un display:inline-block (o con un display:block), si può anche far ricorso al vertical-align. Puoi vedere qui come si sposta (del tutto indicativo):

.form-item-field-boole01-und label  {
   border: solid 3px;
   margin-left: 30px;
   margin-top: -100px;
   display:inline-block;
   vertical-align:text-top
}

[ZioLollo]

Ho riprovato con position: relative.... ora va

...o ho sbagliato io prima o mi era rimasto il css in cache..... grazie comunque dell'aiuto