Good conduct of including numbers in css classes I'm creating a couple of dynamic css classes, and the idea is that i get a string from an episerver context and add that to the class list of an element.

I know that numbers can be included in css classes, but what is good css code conduct, is it a good idea to include numbers in class names, or should i change it from body1 --&gt; body-one.

body1 {
    font-size: 1.4rem;
} 
body2 {
    font-size: 1.6rem;
}

body-one {
    font-size: 1.4rem;
}
body-two {
    font-size: 1.6rem;
}
Perfect naming in any language allowing freedom for your names are:


Descriptive. (Makes it clear what it means at a glance)
Short. (less chance for typos, types faster and therefore easier to work with.)


In your case, the names only mean to affect the text size. So appropriate names would be something like:

text-medium {
    font-size: 1.4rem;
}
text-big {
    font-size: 1.6rem;
}


Since this makes it clear what they do.