Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
modul:m287:learningunits:lu02:spezielle-selektoren [2025/03/07 07:22] – kdemirci | modul:m287:learningunits:lu02:spezielle-selektoren [2025/03/07 14:51] (aktuell) – kdemirci | ||
---|---|---|---|
Zeile 8: | Zeile 8: | ||
Der folgende Universal-Selektor setzt überall einen gepunkteten grünen Rahmen. | Der folgende Universal-Selektor setzt überall einen gepunkteten grünen Rahmen. | ||
- | < | + | < |
/* Grüner, gepunkteter Rahmen für alle Elemente */ | /* Grüner, gepunkteter Rahmen für alle Elemente */ | ||
* { | * { | ||
Zeile 25: | Zeile 25: | ||
**Beispiel 1**\\ | **Beispiel 1**\\ | ||
Dieser Attributselektor wird in einem HTML-Dokument um jedes HTML-Element, | Dieser Attributselektor wird in einem HTML-Dokument um jedes HTML-Element, | ||
- | < | + | < |
/* Styling für alle Elemente mit dem Attribut title */ | /* Styling für alle Elemente mit dem Attribut title */ | ||
[title] { | [title] { | ||
Zeile 55: | Zeile 55: | ||
**Beispiel 1**\\ | **Beispiel 1**\\ | ||
- | < | + | < |
/* Styling für alle HTML-Elemente wo title | /* Styling für alle HTML-Elemente wo title | ||
den Attributwert deprecated besitzt | den Attributwert deprecated besitzt | ||
Zeile 66: | Zeile 66: | ||
**Beispiel 2**\\ | **Beispiel 2**\\ | ||
- | < | + | < |
/* Styling von HTML-Elemente wo title im | /* Styling von HTML-Elemente wo title im | ||
| | ||
Zeile 77: | Zeile 77: | ||
**Beispiel 3**\\ | **Beispiel 3**\\ | ||
- | < | + | < |
/* Styling von HTML-Elemente wo hreflang | /* Styling von HTML-Elemente wo hreflang | ||
mit dem Attributwert de, gefolgt von | mit dem Attributwert de, gefolgt von | ||
Zeile 97: | Zeile 97: | ||
**Beispiel 1**\\ | **Beispiel 1**\\ | ||
- | < | + | < |
/* Styling alle a-Elemente wo das Attribut href mit http:// beginnt */ | /* Styling alle a-Elemente wo das Attribut href mit http:// beginnt */ | ||
a[href^=" | a[href^=" | ||
Zeile 107: | Zeile 107: | ||
**Beispiel 2**\\ | **Beispiel 2**\\ | ||
- | < | + | < |
/* Styling für a-Elemente wo das Attribut href mit .pdf endet */ | /* Styling für a-Elemente wo das Attribut href mit .pdf endet */ | ||
a[href$=" | a[href$=" | ||
Zeile 118: | Zeile 118: | ||
**Beispiel 3**\\ | **Beispiel 3**\\ | ||
- | < | + | < |
- | + | /* Styling für a-Elemente wo im Attribut href die Textfolge mydomain enthalten ist */ | |
- | /* | + | |
- | Styling für a-Elemente wo im Attribut href die Textfolge mydomain enthalten ist | + | |
- | */ | + | |
a[href*=mydomain] { | a[href*=mydomain] { | ||
font-weight: | font-weight: |