Multiple times classes in coloured segments

[ShiiRochi]

Bug Report

I am trying to implement sided coloured segments and top border is something that breaks everything, so that I need to use !important, what I want to avoid.

Steps to reproduce

1. create .ui.blue.segment
2. open Inspector
3. select it and see what classList is applied

Expected result

.ui.blue.segment:not(.inverted) is applied

Actual result

.ui.blue.segment.segment.segment.segment.segment:not(.inverted) is applied

Testcase

https://jsfiddle.net/8hsq905t/5/

Screenshot (when possible)

Version

2.7.6

Theme

Default

[lubber-de]

The multiple assigned segment class is there to increase specificity without using !important, so also wanted behavior.
In your case you can do the same like

.ui.ui.ui.sided.left.blue.segment:not(.inverted) {
 border-top: inherit;
}

See https://jsfiddle.net/6pxdewtL/

[ShiiRochi]

Ok, thanks, that’s acceptable solution