这个 CSS 选择器是做什么的

【问题标题】：What do this CSS selectors do这个 CSS 选择器是做什么的
【发布时间】：2012-11-16 02:03:20
【问题描述】：

我在 bootstrap 上开发一些项目，但我遇到了一个类的问题。

.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],

你能给我一些链接，在那里我可以找到关于这个类的一些信息^/*。它让我的代码变得混乱，你知道用这些符号和类关键字在谷歌上搜索是多么困难）

【问题讨论】：

【解决方案1】：

这称为 CSS 属性选择器。你可以在这里阅读所有关于它们的信息：https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

在您的情况下，[class^="icon-"] 匹配其类属性以 icon- 开头的元素，后跟任何内容。而[class*=" icon-"] 匹配在class 属性中任意位置具有icon- 的元素（注意开头的空格）。

【讨论】：