【问题标题】: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-"],

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

【问题讨论】:

    标签: css twitter-bootstrap css-selectors


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-11-20
      • 2012-04-07
      • 1970-01-01
      • 2012-02-16
      • 2013-01-14
      • 2019-12-26
      • 1970-01-01
      • 2022-07-21
      相关资源
      最近更新 更多