css 识别号码 |css鼠标经过字体颜色

在 CSS 中，可以使用伪类选择器:is()、:matches()来匹配某些特定的元素。而其中，:is()可以将多个选择器组合使用；而:matches()则可以匹配使用逗号分隔的多个选择器。

/* 匹配带有 "phone" 类的元素 或 使用正则检查内容是否为电话号码 */
.isPhone:is(.phone),
:matches([href^="tel:"], [href^="tel://"]) {
color: blue;
text-decoration: underline;
}

在上述代码中，大家使用:is()将两个选择器组合，其中匹配所有带有 “phone” 类的元素以及检查内容是否为电话号码。

而检查内容是否为电话号码，则通过匹配tel:或tel://开头的 href 属性值来实现。

通过以上方法，大家可以轻松地在 CSS 中对电话号码等数字进行特殊的样式处理。