.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}
Si prega di spiegare che cosa è l'effetto di "content: "\ 0020"; proprietàQual è l'effetto del contenuto: " 0020"; proprietà?
\0020 inserisce il punto di codice Unicode U + 0020, che è uno spazio modo che il codice è equivalente a?. content: ' ';.
content: x sostituisce il contenuto (= il testo visualizzato) con il valore x.
Tuttavia, nel frammento che hai postato, questo contenuto è fatto un invisibile così non vedrai nulla. Il codice è un'implementazione clearfix per il re-float degli elementi nella pagina.
Perché hanno deciso di prendere l'hex unicode e non solo html-entity è un'altra storia però ... – Christoph
@Christoph Questo è CSS, non puoi usare le entità HTML qui. E anche in HTML dovresti generalmente * non * usare le entità HTML (tranne per '<', '>' e '&' ovviamente) ma i caratteri Unicode (ma ovviamente questo potrebbe non essere sempre pratico quando si inseriscono caratteri che non si trovano sul tuo tastiera …). –
1) lo so 2) lo so e naturalmente questo può dirsi oggigiorno, ma c'era tempo quando usare la codifica utf non era lo standard di fatto ... – Christoph
Questo aggiunge un carattere di spazio per cancellare i galleggianti. Google clearfix e vedrai cose simili.
Riferimento: La proprietà del contenuto può contenere: stringhe di testo, URI di risorse esterne (un'immagine ad esempio) e caratteri speciali del codice ASCII. Per la composizione di alta qualità è consigliabile utilizzare i caratteri ISO 10646 e codificarli nella loro rappresentazione HEX.
un singolo esagono spazio è di 20, in modo da userebbe \ 0020
"Per la composizione di alta qualità è consigliabile ..." - cosa. Perché? –
Si può provare e vedere –
è semplicemente uno spazio in unicode. – Christoph
Spiegato qui: http://www.artishock.net/coding/css-list-styling-using-asci-special-characters/ –