我可以使用css通配符选择器和一个符号吗？

我正在使用CSS，并且有这个代码。重要的是，我想降低向下的V形字形图标4像素：

.glyphicon{
字体大小：20px；
填充：0；
&.字形向下{
顶部：4px；
}
}

我还想降低向上字形图标，并使用css通配符选择器。类似这样的内容（此代码不起作用）：

.glyphicon{
字体大小：20px；
填充：0；
&[class^=“glyphicon雪佛龙-”]{
顶部：4px；
}
}

---

我可以这样做吗？

它不起作用，因为我假设实际的类字符串不是以

Glyphion-chevron-

开头，而是以

Glyphion-Glyphion-chevron-

开头

我会试试看

.glyphicon {
  font-size: 20px;
  padding: 0;
  color: green;
  &[class^="glyphicon glyphicon-chevron-"] {
    color: red !important;
  }
}

或者，使用通配符，其中

[attr*=value]

表示属性名为attr的元素，其值至少包含一个字符串“value”作为子字符串

---

编辑：这也不需要嵌套，属性选择器就可以工作了。但我明白，出于某种原因，您可能希望更具体一些，或者出于某种原因将代码放在一起。如果您只是更改了类字符串的顺序，那么您的原始代码也可以工作（不匹配的大括号除外）

您可以这样做吗？为什么不呢？（您唯一的错误是无与伦比的额外

}

）。虽然双重类似乎是重复的（它真的可以是

。而不是glyphicon。glyphicon V形向下

？所以我相信没有嵌套

。glyphicon V形-*

），但我确实尝试过（感谢您捕捉到语法错误–这是我的简化SO问题，但不是我的代码）请参见下面的答案。还要注意，

top

属性需要

绝对

或

相对

位置（默认情况下不会有任何效果）。

.glyphicon {
  font-size: 20px;
  padding: 0;
  color: green;
  &[class*="glyphicon-chevron-"] {
    color: red !important;
  }
}