Nwlapcug.com


Come eseguire l'Override di un selettore universale

Come eseguire l'Override di un selettore universale


Se "cambiamento è buono", che il selettore universale di CSS è davvero molto buono. Selettore universale di CSS consente di applicare modifiche simultanee per ogni elemento in una pagina Web con il minimo sforzo. Ad esempio, si potrebbe fare tutto il testo nella pagina Web vengono visualizzate in carattere di 14 punti utilizzando un selettore universale. Tuttavia, se si voleva rendere parte del testo nella pagina di dimensioni differenti, è necessario eseguire l'override il selettore universale. Fortunatamente, è possibile eseguire l'override il selettore universale utilizzando diverse tecniche.

Istruzioni

1

Aprire il file CSS che contiene lo stile CSS per la tua pagina Web nell'ambiente di sviluppo di vostra scelta.

2

Individuare la posizione del selettore universale che si desidera eseguire l'override e creare un altro selettore universale sotto di esso. Ignorare le regole nel primo selettore specificare stili nel selettore universale inferiore. Ad esempio, per eseguire l'override di un selettore universale che specifica un colore di rosso, è possibile creare un altro selettore universale sotto il primo che specifica il colore blu:

* {color: red;}

* {color: blue;}

3

Creare una regola più specifica rispetto a quella specificata nel selettore universale; norme più specifiche ignorano le regole più generali. Ignorare un colore di sfondo universale di colore rosso, ad esempio, creando uno stile più specifico che si applica un colore di sfondo a un minor numero di elementi:

* {background-color: red;}

p {background-color: blue;}

4

Salvare il codice e aprirlo in un browser Web per assicurarsi che funziona come previsto.

Consigli & Avvertenze

  • Il selettore universale CSS rallenta la pagina Web di lacerazione più di qualsiasi altro selettore CSS, è consigliabile evitare di utilizzarlo se possibile.