Perché input [ id ] {background: red;} non funziona?

**esacerbare** · 26-08-2009, 23:34

Perché input [ id ] {background: red;} non funziona con nessun browser mentre sulla guida c'é scritto di si?

ESEMPIO

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Inserire i fogli di stile in un documento</title>
<link rel="stylesheet" type="text/css" href="esempio01.css">
<link rel="stylesheet" type="text/css" href="esempio01b.css">
<style type="text/css">
input [ id ] {background: red;}
</style>
</head>
<body>

Primo paragrafo</p>
<div>

Secondo paragrafo</p>
</div>

Terzo paragrafo</p>
<input id="12" type="text" name="tuoTesto" value="qui il tuo testo">
</body>
</html>

**ricman** · 27-08-2009, 09:41

#ciccio input {background-color: red;}

funziona

**esacerbare** · 27-08-2009, 12:04

Originariamente inviato da ricman
#ciccio input {background-color: red;}

funziona

Bravo ricman! Consiglio ai moderatori di correggere le dispense!

ERRORE ALLA PAGINA

http://css.html.it/guide/lezione/21/i-selettori/

**esacerbare** · 27-08-2009, 12:13

Originariamente inviato da ricman
#ciccio input {background-color: red;}

funziona

Neppure con background-color funziona. Con imput non funziona il selettore dell'attributo che deve essere messo tra parentesi quadre: []. In pratica io vorrei colorare di rosso solo gli input con id.

**mucu** · 27-08-2009, 14:05

input non ha senso fuori da un form
se oltretutto lo metti all'interno magari di un div con id=ciccio va benissimo il codice di ricman
input si chiude in maniera diversa

codice:

<input />

i nomi di classi e id devono cominciare per lettera

codice:

<input id="f12" />

il codice giusto diventa

codice:

input[id] {
   background-color: red
}

**fcaldera** · 27-08-2009, 14:23

Originariamente inviato da esacerbare
Bravo ricman! Consiglio ai moderatori di correggere le dispense!

Consiglio di provare questo codice su un browser recente (ad es. FF3.5)

codice:

<style type="text/css">
div[id] {
  color: red;
}
</style>

<div id="qualsiasi_id">
ciao
</div>

il testo sarà correttamente visibile in rosso. Probabilmente l'errore era nell'assegnamento di un id non formalmente corretto ("12") nel tuo codice

(Ad ogni modo non sono i moderatori a scrivere le guide, né si possono leggere qualsiasi cosa presente nei link utili)

**ricman** · 27-08-2009, 14:49

Originariamente inviato da esacerbare
In pratica io vorrei colorare di rosso solo gli input con id.

Mi verrebbe di dire: "non fai prima a colorare tutti gli input con classe "x"?"

Per curiosità... cosa vuoi fare? Nel senso che la scelta di tale metodo è usata pochissimo... Magari si può scegliere qualcosa di più opportuno o semplice in base all'esigenza che hai.

**esacerbare** · 27-08-2009, 16:29

Originariamente inviato da ricman
Mi verrebbe di dire: "non fai prima a colorare tutti gli input con classe "x"?"

Per curiosità... cosa vuoi fare? Nel senso che la scelta di tale metodo è usata pochissimo... Magari si può scegliere qualcosa di più opportuno o semplice in base all'esigenza che hai.

Sto leggendo la guida base del css per imparare ma ci sono scritte delle inesattezze...

Comunque ho risolto il problema da solo. Non sapevo che l'id dovesse iniziare per lettera ma non era quello il problema!

**esacerbare** · 27-08-2009, 16:33

Dimenticavo il codice corretto é questo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Inserire i fogli di stile in un documento</title>
<link rel="stylesheet" type="text/css" href="esempio01.css">
<link rel="stylesheet" type="text/css" href="esempio01b.css">
</head>
<body>

Primo paragrafo</p>
<div>

Secondo paragrafo</p>
</div>

Terzo paragrafo</p>
<style type="text/css">
input[id] {background: red;}
</style>
<input id="quellochevogliomacheiniziconlettera" type="text" name="tuoTesto" value="qui il tuo testo">
</body>
</html>

**ricman** · 28-08-2009, 08:47

Originariamente inviato da esacerbare
il codice corretto é ...

Parole grosse

...riguardalo meglio

Discussione: Perché input [ id ] {background: red;} non funziona?

Strumenti discussione

Ricerca discussione

Visualizza

Perché input [ id ] {background: red;} non funziona?

Permessi di invio