Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.0k views
in Technique[技术] by (71.8m points)

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

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;
}
See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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/


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...