CSS中用于类的通配符 *

10 浏览
0 Comments

CSS中用于类的通配符 *

我正在使用.tocolor样式来设置这些div,但是我还需要唯一的标识符1,2,3,4等,因此我添加了另一个类tocolor-1

   tocolor 1   
   tocolor 2   
   tocolor 3   
   tocolor 4   
.tocolor{
  background: red;
}

有没有办法只有一个类tocolor-*。我尝试使用通配符*,就像这个CSS一样,但它没有起作用。

.tocolor-*{
  background: red;
}

admin 更改状态以发布 2023年5月20日
0
0 Comments

是的,你可以这样做。

*[id^='term-']{
    [css here]
}

这将选取所有以'term-'开头的id。

至于不这样做的原因,我可以理解选择这种方式更为可取;就样式而言,我自己不会这样做,但是这是可能的。

0
0 Comments

你需要的是属性选择器。以下是使用你的HTML结构的示例:

div[class^="tocolor-"], div[class*=" tocolor-"] {
    color:red 
}

你可以在div的位置添加任何元素或将其完全删除,在class的位置,你可以添加指定元素的任何属性。

[class^="tocolor-"] — 以"tocolor-"开头。
[class*=" tocolor-"] — 包含直接在空格字符后发生的子字符串"tocolor-"。

Demo:http://jsfiddle.net/K3693/1/

有关CSS属性选择器的更多信息,请点击此处此处
也可以从MDN Docs这里找到更多信息。

0