Zwei Border
bearbeitet von Gunnar Bittersmann@@Auge
> Hallo
>
> > ist es möglich zwei Border hintereinander zu vergeben? Ich möchte bestimmte Nachrichten mit verschiedenen Farben anhand
> >
> > ~~~css
> > border-right: 5px solid #FF9800
> > border-right: 5px solid red
> > ~~~
>
> Abgesehen vom zumindest in der ersten Zeile fehlenden Semikolon wird die erste regel durch die zweite Regel überschrieben. Also nein, so geht das nicht.
>
> Da es *vermutlich* jeweils mehrere Nachrichten gleichen Schemas geben kann, bietet sich hier die Klassifizierung der Nachrichten an. Anhand der Klassennamen kannst du die Formatierung vornehmen.
Das ja. Aber wie ich es verstanden habe, soll es auch Nachrichten deben können, die mehreren Klassen angehören können. In deinem Beispiel `<article class="international inland">`{: .language-html} [^1]. Das soll das so visualisiert werden, dass beide vertikalen farbigen Linien nebeneinander dargestellt werden.
Da ließe sich mit Gradienten was machen. Ist aber nur praktikabel bei wenigen Klassen/Kombinationen.
Frage an Sophie: Wie viele Klassen sollen’s denn sein?
[^1]: Man könnte denken, `international` und `inland` würden einander ausschließen. OK, dann eben mit noch einer Klasse `sport`.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)