Wie kann ich mit CSS die Schriftfarbe ändern, abhängig vom Inhalt des jeweiligen Wortes?

Um die Schriftfarbe in CSS abhängig vom Inhalt eines Wortes zu ändern, kannst du JavaScript verwenden, die entsprechenden Elemente zu identifizieren und dann CSS-Klassen hinzuzufügen, die die Schriftfarbe ändern. Hier ist ein einfaches Beispiel:

1. **HTML**: Erstelle ein paar Elemente mit Text.

```html
<p class="text">Hallo</p>
<p class="text">Welt</p>
<p class="text">Beispiel</p>
```

2. **CSS**: Definiere die Schriftfarben für verschiedene Klassen.

```css
.red {
color: red;
}

.green {
color: green;
}

.blue {
color: blue;
}
```

3. **JavaScript**: Füge Logik hinzu, um die Klassen basierend auf dem Inhalt zu ändern.

```javascript
const elements = document.querySelectorAll('.text');

elements.forEach(element => {
const text = element.textContent;

if (text === 'Hallo') {
element.classList.add('red');
} else if (text === 'Welt') {
element.classList.add('green');
} else if (text === 'Beispiel') {
element.classList.add('blue');
}
});
```

In diesem Beispiel wird die Schriftfarbe der Wörter "Hallo", "Welt" und "Beispiel" entsprechend geändert. Du kannst die Bedingungen im JavaScript anpassen, um andere Wörter und Farben zu verwenden.