Class name order shouldn’t matter

Hi,

The result produced by class="ui segment attached bottom" and class="ui bottom attached segment" differs.

Maybe I’m lacking some basic HTML/CSS knowledge, but I think order should not matter, although I understand it’s more “english-readable” to put the classes in the “grammatically correct” order.

Whereas class="ui bottom attached segment" gives me the rounded bottom, class="ui segment attached bottom" does not (tested on Chrome 58).

Thank you all!

[awgv]

Hi @RenaudParis, I think that’s because SUI uses the attribute selector—it’s not specific to the segment component—.ui.segment[class*="bottom attached"].

[prsyahmi]

For semantic ui to play with parcel

create .htmlnanorc.js with below content:

module.exports = {
	"deduplicateAttributeValues": false,
	"sortAttributesWithLists": false
}