UL Symbol andere Farbe aber nicht auf der gesamten Seite
bearbeitet von
@@maddoccc
> Nun habe ich aber eine weitere UL wo die Farbe normal sein soll. Also nicht von dem Style betroffen sein. Ich bin leider nicht so fit in CSS. Hat jemand eine Idee für mich?
Du vergibst den Listen Klassen – zumindest denen, die vom Default abweichen. Die Benennung sollte nicht danach gehen, *wie* die Darstellung der Liste abweicht (also nicht sowas wie „rot“), sondern *warum* sie abweicht (bspw. „bedrohte-tierarten“).[^1]
[^1]: Ihr habt die Ironie hier gesehen? In *diesem* Fall würde auch „rote-liste“ passen.
Du selektiest die Marker als Nachfahren der betreffenden Liste, bspw.
```css
.bedrohte-tierarten li::marker {
color: red;
}
```
[Beispiel](https://codepen.io/gunnarbittersmann/pen/XJmYQdM)
Qapla’
{:@tlh}
--
*“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en}
— Bruce Springsteen, Manchester 2025-05-14
UL Symbol andere Farbe aber nicht auf der gesamten Seite
bearbeitet von
@@maddoccc
> Nun habe ich aber eine weitere UL wo die Farbe normal sein soll. Also nicht von dem Style betroffen sein. Ich bin leider nicht so fit in CSS. Hat jemand eine Idee für mich?
Du vergibt den Listen Klassen – zumindest denen, die vom Default abweichen. Die Benennung sollte nicht danach gehen, *wie* die Darstellung der Liste abweicht (also nicht sowas wie „rot“), sondern *warum* sie abweicht (bspw. „bedrohte-tierarten“).[^1]
[^1]: Ihr habt die Ironie hier gesehen? In *diesem* Fall würde auch „rote-liste“ passen.
Du selektiest die Marker als Nachfahren der betreffenden Liste, bspw.
```css
.bedrohte-tierarten li::marker {
color: red;
}
```
[Beispiel](https://codepen.io/gunnarbittersmann/pen/XJmYQdM)
Qapla’
{:@tlh}
--
*“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en}
— Bruce Springsteen, Manchester 2025-05-14
UL Symbol andere Farbe aber nicht auf der gesamten Seite
bearbeitet von
@@maddoccc
> Hi Leute. Ich möchte die Symbold einer UL andersfarbig haben. Das funktioniert mit
>
> `li::marker {
> color: red;
> }`
>
> im Header Bereich ganz gut. Nun habe ich aber eine weitere UL wo die Farbe normal sein soll. Also nicht von dem Style betroffen sein. Ich bin leider nicht so fit in CSS. Hat jemand eine Idee für mich?
Du vergibt den Listen Klassen – zumindest denen, die vom Default abweichen. Die Benennung sollte nicht danach gehen, *wie* die Darstellung der Liste abweicht (also nicht sowas wie „rot“), sondern *warum* sie abweicht (bspw. „bedrohte-tierarten“).[^1]
[^1]: Ihr hab die Ironie hier gesehen? In *diesem* Fall würde auch „rote-liste“ passen.
Du selektiest die Marker als Nachfahren der betreffenden Liste, bspw.
```css
.bedrohte-tierarten li::marker {
color: red;
}
```
[Beispiel](https://codepen.io/gunnarbittersmann/pen/XJmYQdM)
Qapla’
{:@tlh}
--
*“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en}
— Bruce Springsteen, Manchester 2025-05-14