我有一堂课叫.box-159
每次刷新屏幕时数字都会变化。有没有办法定义这个字段(比如background-color
)在CSS中?
是的,仅使用 CSS 就可以实现。
选项 #1 - 按前缀值匹配
- Use CSS 类选择器 https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors
^="class"
选择类以“为前缀的所有元素box-"
[class^="box-"] {
background: red;
height: 100px;
width: 100px;
margin: 10px 0;
display:block
}
<div class="box-159"></div>
<span class="box-147"></span>
<article class="box-76878"></article>
选项 #2 - 匹配依据至少包含一个值
- 使用另一个CSS 类选择器
*="class"
(相当于CSS 属性选择器 https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors) 选择其类至少包含一个子字符串的所有元素“box-".
[class*="box-"] {
background: red;
height: 100px;
width: 100px;
margin: 10px 0;
display:block
}
<div class="box-159"></div>
<span class="box-147"></span>
<article class="box-76878"></article>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)