代码之家  ›  专栏  ›  技术社区  ›  Rob Monhemius

在'a[href*=`'中使用了什么星号功能?

css
  •  -2
  • Rob Monhemius  · 技术社区  · 8 年前

    我在看一些代码。我遇到了:

    .social-navigation a[href*="tumblr.com"]:before {
        content: "\f214";
    }
    

    如果链接的URL中包含tumblr.com,则此代码用于显示社交媒体图标。然而,我从未见过在CSS中使用过这种方式的星号。我知道星号在CSS中只有一个功能,那就是通用选择器。这似乎还有其他类似于正则表达式的功能,比如: /.*tumblr\.com.*/g .

    • 有人能更详细地解释这个例子中使用的星号的功能吗?

    附言:参考文档或这个功能的正式名称会很好。然后我可以在上面多读一点和/或尝试在互联网上找到更多的信息。

    2 回复  |  直到 8 年前
        1
  •  2
  •   Balázs Varga    8 年前

    最常见的CSS属性选择器是: 开始于 ^= 以结尾 $= 并且包含 *=

    您可以在此处阅读有关CSS属性选择器的更多信息: https://www.w3schools.com/css/css_attribute_selectors.asp

        2
  •  0
  •   Teun D    8 年前

    *是属性选择器运算符的一部分 *= : https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

    所以*本身没有任何意义或功能。就像这样!=多种语言的运算符:两个字符构成一个运算符。