Rise the specificity of CSS reset rules (and all other rules as well)

[Reinmar]

I added CKEditor samples to CKEditor documentation and guess what? The CKEditor's reset gets overridden by the page styling.

The documentation website styles are not very specific. They are actually really common:

The .formatted ... styles come from Umberto.

So, the problem that we have is that .ck_reset has very low specificity. It's enough to have .mycontent ul to break that.

I can see that we've been adding rules like .ck_reset_all * which would've the same specificity as .mycontent ul but I'm thinking that perhaps we could do something else.

What if we had a rule that we're always using at least two classes? Like, what if everything had .ck class, so we can always use .ck.ck_reset and then .ck.ck-list__item. That would always give us minimum specificity of 20 which would always override styles like .mycontent ul (which are 11).

[oleq]

What if we had a rule that we're always using at least two classes? Like, what if everything had .ckclass, so we can always use .ck.ck_reset and then .ck.ck-list__item. That would always give us minimum specificity of 20 which would always override styles like .mycontent ul (which are 11).

👍

I'll check this out.

[jodator]

Also:

Due to: .formatted ul styling in umberto.