css selectors - How to target CSS class names that start with digit

Question

I have a list class that I want apply a top margin to - but it seems like the syntax is invalid with CSS. I don't think it likes the 1200mm-x-4700mm section.

I cannot rename the list class as it is automatically generated. Is there any way around this to allow me to apply the CSS styling?

<li class="max-panel-size 1200mm-x-4700mm">...</li>

li.max-panel-size.1200mm-x-4700mm {
    margin-top: 20px;
}

Answer 1

You could set an attribute class to solve this issue:

[class*="1200mm-"] {
    margin-top: 20px;
}

This will style every class that contain 1200-m

An example: http://jsfiddle.net/o9re6vf1/