可以使用属性选择器的部分匹配功能来实现:
[class^="re_"] {
background-color: blue
}
[abc^="def"]
选择 abc 属性值以 "def" 开头的所有元素
[abc$="def"]
选择 abc 属性值以 "def" 结尾的所有元素
[abc*="def"]
选择 abc 属性值中包含子串 "def" 的所有元素
span是行内元素(inline),里面不能包含块级元素(block),只能包含文字或其他行内元素,否则的话,浏览器会自动把块级元素移到span的外面(你通过浏览器的开发者模式就会发现这种现象)。p、div这样的元素都是块级元素,是不能放到span里面的,而a是行内元素,所以可以放到span里面。
再强调一次:请不要把span之类的行内元素当作“容器”来使用,它天生就不具有这样的功能,它主要是用来放置文字的!而像div这样的块级元素才是适合做容器或框架的!