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.