modul:m287:learningunits:lu02:spezielle-selektoren

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
modul:m287:learningunits:lu02:spezielle-selektoren [2025/03/07 07:22] kdemircimodul: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.
  
-<code>+<code css>
 /* 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, das ein <color #ed1c24>title</color>-Attribut besitzt, einen Rahmen zeichnen. Dieser Attributselektor wird in einem HTML-Dokument um jedes HTML-Element, das ein <color #ed1c24>title</color>-Attribut besitzt, einen Rahmen zeichnen.
-<code>+<code css>
 /* 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**\\
-<code>+<code css>
 /* 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**\\
-<code>+<code css>
 /* Styling von HTML-Elemente wo title im /* Styling von HTML-Elemente wo title im
    Attributwert das Wort "bzzlab" enthält    Attributwert das Wort "bzzlab" enthält
Zeile 77: Zeile 77:
  
 **Beispiel 3**\\ **Beispiel 3**\\
-<code>+<code css>
 /* 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**\\
-<code>+<code css>
 /* Styling alle a-Elemente wo das Attribut href mit http:// beginnt */ /* Styling alle a-Elemente wo das Attribut href mit http:// beginnt */
 a[href^="http://"] { a[href^="http://"] {
Zeile 107: Zeile 107:
  
 **Beispiel 2**\\ **Beispiel 2**\\
-<code>+<code css>
 /* 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$=".pdf"] { a[href$=".pdf"] {
Zeile 118: Zeile 118:
  
 **Beispiel 3**\\ **Beispiel 3**\\
-<code> +<code css
- +/* 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: bold;    font-weight: bold; 
  • modul/m287/learningunits/lu02/spezielle-selektoren.1741328572.txt.gz
  • Zuletzt geändert: 2025/03/07 07:22
  • von kdemirci