什么星号功能用在`a [href * =`？

Question

我正在查看一些代码。我遇到了：

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

如果链接在其网址中包含tumblr.com，则此代码用于显示社交媒体图标。但是在css之前我从未见过以这种方式使用过的星号。我知道星号在css中唯一的功能是通用选择器。这似乎做了类似于正则表达式的其他内容，例如：/.*tumblr\.com.*/g。

• 有人可以更详细地解释本例中使用的星号的功能吗？

PS：对文档的引用或此功能的正式名称会很棒。然后我可以阅读更多内容和/或尝试在互联网上找到更多信息。

Answer 1

最常见的CSS属性选择器是： 以^=开头 以$=结尾 并包含*=

您可以在此处详细了解css属性选择器：https://www.w3schools.com/css/css_attribute_selectors.asp

Answer 2

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

所以*本身没有任何意义或功能。它就像许多语言中的！=运算符：两个字符构成一个运算符。