CSS类名选择器能不能通过类名的一部分来选择?

html-css012

CSS类名选择器能不能通过类名的一部分来选择?,第1张

可以使用属性选择器的部分匹配功能来实现:

[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这样的块级元素才是适合做容器或框架的!