Gewusst wie: Überschreiben Sie ein Universal-Selektor

Wenn "Veränderung gut ist" ist als universal-Selektor CSS wirklich sehr gut. CSS-universal-Selektor können Sie gleichzeitige Änderungen an jedes Element auf einer Webseite mit minimalem Aufwand zu übernehmen. Beispielsweise könnten Sie alle den Text Ihrer Webseite in 14-Punkt-Schrift, die mit einem universellen Selektor angezeigt machen. Wenn Sie Teil des Textes auf der Seite eine andere Größe machen wollten, müssten Sie den universal-Selektor zu überschreiben. Glücklicherweise ist es möglich, den universal-Selektor mit mehreren unterschiedlichen Verfahren zu überschreiben.

Anweisungen

1 Öffnen Sie die CSS-Datei, die CSS-Styling für Ihre Web-Seite in der Entwicklungsumgebung Ihrer Wahl enthält.

2 Ermitteln Sie den Speicherort der universal-Selektor, die, den Sie überschreiben möchten, und erstellen Sie eine andere universal-Selektor unter ihm. Überschreiben Sie die Regeln im ersten Selektor, indem Stile in der unteren universal-Selektor. Z. B. um eine universal-Selektor, der angibt, eine Farbe von rot zu überschreiben, erstellen Sie eine andere universal-Selektor unter den ersten, der die Farbe blau angibt:

* {Color: red;}

* {Color: blue;}

3 Erstellen Sie eine spezifischere Regel, als die Regel in der universal-Selektor angegeben; speziellere Regeln überschreiben allgemeinere Regeln. Überschreiben Sie eine universelle Hintergrundfarbe Rot, z. B. durch die Schaffung eines spezifischeren Stils, der eine Hintergrundfarbe für eine kleinere Anzahl von Elementen gilt:

* {Hintergrund-Farbe: rot;}

p {Background-Farbe: blau;}

4 Speichern Sie den Code, und öffnen Sie sie in einem Webbrowser, um sicherzustellen, dass es erwartungsgemäß funktioniert.

Tipps & Warnungen

• Der CSS-universale-Selektor verlangsamt Webseite mehr als jede andere CSS-Selektor, zerreißen, also sollte es wenn möglich.