html – 可以使用CSS设置动态类的样式吗?

前端之家收集整理的这篇文章主要介绍了html – 可以使用CSS设置动态类的样式吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Is there a CSS selector by class prefix?4个
我有一个名为.Box-159的类,每次刷新屏幕时,数字都会改变.有没有办法在CSS中定义这个字段(比如背景颜色)?

解决方法

是的,只能使用CSS.

选项#1 – 按前缀值匹配

>使用CSS Class selector ^ =“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 attribute selector),它选择其类包含至少一个子字符串“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>

猜你在找的HTML相关文章