css里的where选择器的用法

:where() 是 CSS 中的一个伪类函数，它接受一个选择器列表作为参数，并选择所有能被该选择器列表中任何一条规则选中的元素。

括号里的值只有有一个满足，就是可以匹配上

:where(.m-test1, .m-test2) .m-text {color: red;cursor: pointer;}
.m-test1 .m-text{font-size: 30px;}
.m-test2 .m-text{font-size: 36px;}

import React, { useState, useEffect } from 'react'
import './index.css'export default function Index() {useEffect(() => {}, [])return (<div><div className="m-test1"><div className="m-text">徐同保</div></div><div className="m-test2"><div className="m-text">徐同保</div></div></div>)
}

where的兼容性并不好，antd还为where提供了兼容方案，参考下面的连接：

https://blog.csdn.net/xutongbao/article/details/132303799