assegnare stesse proprietà a due id

[andrea_kobe]

Rieccomi.

Avrei alcune domande da farvi:

1) Esiste nei css una proprietà equivalente all'attributo maxlength o posso continuare a usarlo?
2) E' possibile assegnare contemporaneamente le stesse proprietà a due elementi specifici?
Nel mio codice voglio dare a tutti gli input la dimensione di 180 pixel tranne a quelli con id gn,mn,an. input#gn e input#mn sono uguali, li posso unire in qualche modo in una sola dichiarazione? Grazie.

label{
float: left;
width: 120px;
font-weight: bold;
}
input{
width: 180px;
margin-bottom: 5px;
}

input#gn{
width: 20px;
}
input#mn{
width: 20px;
}
input#an{
width: 40px;
}
</style>


<form>
<label for="nome">Nome:</label><input type="text" name="nome" id="cognome" />

<label for="cognome">Cognome:</label><input type="text" name="cognome" id="cognome" />

<label for="gn">Data Nascita:</label><input type="text" name="gn" id="gn"  /> 
/
<input type="text" name="mn" id="mn" />
/
<input type="text" name="an" id="an" />

<input type="submit" value="Invia" name="invia" id="invia" />
</form>

[gabip87]

quando hai bisogno di usare un id più di una volta devi crearti una classe. quest'ultima può essere richiamata più volte.

[AnFrusch@pepp]

si, ad ogni modo, posto che potrebbe esserti utile in altri contesti:

per associare le medesime proiprietà a due o più elementi si fa così:

 /* immaginiamo tu vogli dare le stesse proprietà di font-weight, colore di sfondo e bordi ai tag a e span */

a, span {
font-weight: bold;
background-color: #FF9933;
border: solid #DCDCDC 1px;
}

/* allo stesso modo a due div, in base all'id */

div#primo, div#secondo {
font-weight: bold;
background-color: #FF9933;
border: solid #DCDCDC 1px;
}

/* o due classi */

.prima, .seconda{
font-weight: bold;
background-color: #FF9933;
border: solid #DCDCDC 1px;
}

spero ti sia utile!

[andrea_kobe]

@gabip87. Grazie per la risposta. La differenza fra un id e una classe è una delle poche cose che credo di aver capito finora dei css.

Grazie AnFrusch@pepp, i tuoi esempi mi sono stati molto utili a chiarirmi le idee.
[ot]
Nutshell piace tantissimo anche a me.
[/ot] :

Per quel che riguarda il maxlength posso continuare a usarlo nell'html? Ho fatto delle ricerche ma non ho trovato niente di equivalente che lo sostituisca nei css. O sbaglio?

[gabip87]

per quanto ne so il maxlength non va impostato nel CSS ma fa parte del markup. però aspetta qualcuno che te lo possa dire con certezza.

[AnFrusch@pepp]

Quello che credo io è che maxlength indichi un comportamento dell'elemento 'input', quindi direi che con i css (che invece riguardano la rappresentazione grafica) non c'entrano gran che.
Io lo userei come attributo del tag.