[CSS] Nome identificatore con spazi

[jesus]

Salve a tutti,
ho provato a fare una ricerca ma sinceramente non saprei come cercare...

Il problema è questo. Ho una pagina web che contiene un div con id uguale a "mio div" (con lo spazio fra mio e div). E' possibile agganciare una regola CSS a questo ID? Se si come?

<div id="mio div">
    ...
</div>

Grazie a tutti.

[Mich_]

Veramente quello e` un oggetto con due identificatori. In teoria (ma poi non so come lo implementano i browser) puoi definire lo stile di quell'oggetto con uno dei seguenti identificatori a scelta:
#mio { ... }
#div { ... }

Non esistono nomi che possono contenere spazi negli oggetti di una pagina HTML.

[jesus]

Niente da fare non funziona.

Che intendi dire con

Non esistono nomi che possono contenere spazi negli oggetti di una pagina HTML

Grazie, comunque dell'attenzione.

[blekm]

Originariamente inviato da jesus
Niente da fare non funziona.

Che intendi dire con

Grazie, comunque dell'attenzione.

vuol dire che non puoi chiamare il tuo oggetto "mio div", ma devi chiamarlo

miodiv
mio_div
mio-div (anche se qualcuno questa la sconsiglia vivamente, ma io uso questa forma. Mai avuto problemi)

[H5N1_Aviaria]

Inoltre non è lecito assegnare a due elementi lo stesso ID.
L'ID deve essere univoco.
Perchè non provi con le classi?!?

[jesus]

Il fatto è che questa pagina non posso cambiarla...
Quindi se in pratica funziona come "operatività", non posso collegargli uno stile a questo oggetto.

Grazie a tutti per l'aiuto.

[H5N1_Aviaria]

Un modo esiste, ma... mi fa schifoooo l'id con lo spazio!

div[id='mio div']{
...
...
...
}

Considera però che IE6 non ne vuol sapere di funzionare così...

[thomas_anderson]

Originariamente inviato da H5N1_Aviaria
Un modo esiste, ma... mi fa schifoooo l'id con lo spazio!

div[id='mio div']{
...
...
...
}

Considera però che IE6 non ne vuol sapere di funzionare così...

la soluzione da te proposta non funziona, in quanto l'attributo ha un token spazio tra i due nomi. la soluzione è:

div[id~="mio"] { }

si usa un selettore di valore parziale di attributo, supportato anche da IE7.

Vedi: http://www.w3.org/TR/CSS21/syndata.html

per i token. tieni presente che il parser di FF considera i commenti e lo spazio nel token

nsWhiteSpace

[H5N1_Aviaria]

@thomas_anderson:
Lo spazio tra i nomi, quando racchiuso tra apici, viene considerato come un normale carattere.
In effetti la soluzione da me suggerita è fuori da ogni regola o schema, ma lo è anche il codice originale.
Inoltre la soluzione da me adottata funziona su Firefox, Opera, Safari e Konqueror e Internet Explorer tranne per i documenti in quirksmode.

[thomas_anderson]

Fai questo test allora:

<p id="one two">This text</p>
<p id="three four">This text</p>

p[id="one two"] {color: red}
p[id~="three"] {color: green}

Quale dei 2 si colora?