Hack CSS per FIREFOX su OS Linux

@supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { @media not screen and (-moz-os-version) { [...CSS...] } }
@supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { @media not screen and (-moz-os-version) { [...CSS...] } }
tabella dei colori e nomenclatura:
l'input #input dovrebbe avere dimensione 95% ma viene sovrascritto, nonostante sia in cima, dalla seconda regola...
#input { width: 95%; }
...che dice che tutti gli input contenuti nel #form sono di 98%.
#form input { min-height: 25px; width: 98%; }
Per risolvere, basta specificare il tipo ad #input e usare il selettore più preciso input#input
I "mixins" permettono di inserire tutte le proprietà di una classe "padre", semplicemente includendo il nome della classe stessa come uno delle proprietà della classe "figlia".
.padre{ color: red; font-size: 12px; } .figlia{ .padre; }
Nelle dichiarazioni dei valori nel CSS, si va in senso orario: questo vuol dire che nella regola
Accedere da CSS alle proprietà di un altra dichiarazione CSS:
.text { color:#333333; } .altraclasse { color: .text['color']; }
css:
@media screen and (-webkit-min-device-pixel-ratio:0) { // regola }
JavaScript:
if (navigator.appVersion.indexOf("Chrome/") != -1) { // regola }
Il tempo di caricamento di una pagina dipende anche dal numero di richieste che vengono inoltrate, può essere utile, quindi, comprimere e accorpare i file css e i file javascript (così come è buona regola accorpare in un unica immagine, detta sprite, le nostre varie gif,png,jpg: sarà il CSS opportunamente compilato ad occuparsi di ritagliare la porzione che ci interessa).