I selettori basati su elementi come a
, img
o div
vengono principalmente utilizzati per due scopi:
-
Per ripulire le incoerenze del browser.
Ad esempio, h1 { font-size: 3em; }
rimuoverà le incoerenze nelle dimensioni predefinite tra diversi browser e versioni di browser.
-
Per impostare il comportamento predefinito anziché un comportamento specifico.
Ad esempio, img { border: none; }
garantisce che Internet Explorer non visualizzerà il bordo blu attorno alle immagini quando sono incorporate in un collegamento. Se, in una pagina, ci sono alcune immagini in cui io voglio per mostrare un bordo e alcune decine di immagini dove non lo faccio, è più facile a img { border: none; }
, quindi per impostare un bordo su quelle immagini in cui voglio un bordo.
Nella maggior parte dei siti web, gli elementi sono posizionati in base alle impostazioni predefinite del browser e sono float: left
solo quando necessario. Per quei siti web, div { float: left; }
non avrebbe senso: non rimuove eventuali incoerenze del browser e imposta il comportamento specifico, piuttosto che quello predefinito.
D'altra parte, alcuni siti web molto specifici potrebbero preferire float: left
come predefinito. svidgen layout fluido suggerito. Penso di più ai giochi. Ad esempio, attualmente sto lavorando a un gioco e quasi ogni elemento è position: absolute
, quindi #map div { position: absolute; }
ha senso.
Per determinare se è necessario mantenere div { float: left; }
, studiare:
-
Quanti div
s sono in realtà float: left;
nella pagina,
-
Quanti non lo sono,
-
Dove viene annullato l'effetto float: left;
e quanto è doloroso.
Potresti anche scoprire che l'effetto è annullato quasi in ogni classe. L'ho ripetuto diverse volte durante il mantenimento di applicazioni legacy, riscontrando alcuni strani stili come div { font-size: 13px !important; }
.