Heim > Web-Frontend > HTML-Tutorial > CSS样式正则表达式_html/css_WEB-ITnose

CSS样式正则表达式_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:41:01
Original
944 Leute haben es durchsucht

我想写这么 一类样式。
a0,a1,a2,a3
{
margin-top:5px;
}

但是我这样的样式有无限个怎么办呢?
以a开头从0~n个 样式?我这么写不是 要 写死去啊?
有 没有什么简单的方法,除了JS以外,直接写在CSS样式表里面,请问 怎么做?
比如我要a0~a100的样式。怎么 写 比较简单?


回复讨论(解决方案)

那么 反过来说  他们通用一个 类名 也可以老

可以换个思路,定义一个通用的class,然后在需要的元素上应用这个class

那这100个都用a就好了
如果还有其他需要如a1-a10 a20-a50 各有不同的需求 可以定不同的类名
这样就不会有那么多

可以用属性选择器[attr^=a],匹配属性是以a开头的所有元素。

谢谢各位,我已经用上了sass

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage