DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!
Der Universal Selector ist der * in CSS. Wörtlich das Sternchenzeichen. Er ist im Wesentlichen ein Typselektor, der jeden Typ abgleicht. Typ bedeutet ein HTML-Tag wie <div>, <body>, <button> oder buchstäblich jeden anderen.
Ein häufiger Anwendungsfall ist der universelle Reset, wie hier
* {
margin: 0;
padding: 0;
}Es gibt Zeiten, in denen die Verwendung des Universal Selectors impliziert ist. Zum Beispiel
*.module { }ist genau dasselbe wie
.module { }Und tatsächlich ist die Spezifität davon genau gleich, da der Universal Selector überhaupt keinen Spezifitätswert hat.
Der Universal Selector wird auch mit „universellen Namensräumen“ verwendet. Es ist ein bisschen seltsam, also lasse ich diese einfache Demo für sich sprechen.
Weitere Ressourcen
Browser-Unterstützung
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Alle | Alle | Alle | Alle | Alle | Alle | Alle |
Im WordPress TwentyThirteen Theme habe ich dieses Styling gefunden
[class*="content"]:beforeEs wird verwendet, um den Float zu löschen
aber ich verstehe diese Art von Styling nicht. Weiß jemand, wie das funktioniert.
was bedeuten diese [ ] bitte erklären Sie die Syntax
Ich denke, es verweist auf jedes Element mit einer Klasse, die mit (*=) dem Wort „content“ beginnt.
Ich denke, es verweist auf jedes Element mit einem Klassennamen, der das Wort „content“ enthält, wie z. B. content-wrap
Dieser Selektor [class*=”content”] wählt alle Elemente aus, deren Klassenattributwert content enthält. Zum Beispiel
1 – hello-content
2 – content-hello
3 – hellocontenthello
Wir können [class$=”content”] verwenden, um Elemente auszuwählen, deren Klassenattributwert mit content endet. Zum Beispiel
1 – hello-content
Wir können auch [class^=”content”] verwenden, um Elemente auszuwählen, deren Klassenattributwert mit content beginnt. Zum Beispiel
1 – content-hello
>
rmniytrlykkleryklklernyl