aiuto CSS

[indre]

ciao a tutti..
stavo provando il mio CSS e ho dentro..

<input type="text" name="io" id="cs">
e nel css
input [id] {border:2px solid #dd0;}

e vedo che non me lo visualizza ..
lo ignora.. sia su IE6 che mozilla-firefox
in teoria dato che l'input contiene l'attributo id dovrebbe venir visualizzato...
why??

ciao e grazie

[Sgnafurz]

Originariamente inviato da indre
ciao a tutti..
stavo provando il mio CSS e ho dentro..

<input type="text" name="io" id="cs">
e nel css
input [id] {border:2px solid #dd0;}

e vedo che non me lo visualizza ..
lo ignora.. sia su IE6 che mozilla-firefox
in teoria dato che l'input contiene l'attributo id dovrebbe venir visualizzato...
why??

ciao e grazie

la classe dichiarala come

#id{
... attributi ...
}

[span]

Originariamente inviato da indre
ciao a tutti..
stavo provando il mio CSS e ho dentro..

<input type="text" name="io" id="cs">
e nel css
input [id] {border:2px solid #dd0;}

e vedo che non me lo visualizza ..
lo ignora.. sia su IE6 che mozilla-firefox
in teoria dato che l'input contiene l'attributo id dovrebbe venir visualizzato...
why??

ciao e grazie

per 2 motivi:

a) input[id] va tutto attaccato
b) Ie non lo supporta

vedi sgafurz per la risposta

[indre]

non intendo l'id per il foglio di stile..
intendo che se input contiene quell'attributo dovrebbe usare quella formattazione..potevo usare anche ciccio al posto di id

b) Ie non lo supporta

come non le supporta??!!
ma porc.. azz..
..tristezza.. le cose belle non vanno mai :rollo:

leggendo la guida non diceva che non erano supportate..

[indre]

ciao..
ma perchè se faccio
h1{color:red;}
mi va e se faccio
.h1{color:red;}

non mi va??
non è sempre una classe??
che differenza c'è???
per quali elementi devo mettere il . e quali no?'
grazie

[jesus]

Originariamente inviato da indre
ciao..
ma perchè se faccio
h1{color:red;}
mi va e se faccio
.h1{color:red;}

non mi va??
non è sempre una classe??
che differenza c'è???
per quali elementi devo mettere il . e quali no?'
grazie

Non sono uguali e solo la seconda è una classe perchè è contraddistinta dal punto.

Con la prima sintassi applichi uno stile a tutti i tag h1.
Con la seconda applichi lo stile a tutti quei tag che hanno l'attributo class="h1".

[flanza]

se metti il punto significa tutti i div che hanno class="quellodopoilpunto"


e quindi se scrivi
.h1{
color:red:

}

e lo applichi a <div class="h1">prova</div>
vedi che funziona.

Se invece scrivi h1{...}
allora vuoi dire che si applica a tutti i tag h1

ma non credo sia consigliabile tra tutti i nomi possibili scegliere proprio il nome di un tag...

[indre]

graziue capit..
mentre per il primo quesito nulla da fare alora :-(

[jesus]

Originariamente inviato da indre
graziue capit..
mentre per il primo quesito nulla da fare alora :-(

Per il primo quesito l'unica soluzione, per compatibilità anche con IE, è quello di usare una classe o di settare un foglio di stile proprio per quell'id.