p:matches(:first-child, .special) { color: red; }
上述代码意为:对于p标签的第一个子元素和类名为”.special”的元素,应用颜色为红色的样式。其中,:first-child和.special是两个不同的样式选择器,使用matches()可以同时选中这两个规则。值得注意的是,:matches()选择器也可以嵌套使用,比如:
li:matches(:nth-child(odd), :first-child a) { background-color: #ccc; }
上面的代码为奇数行或第一个子元素的a标签元素选择灰色的背景颜色。这是一个非常强大的CSS选择器,可以为大家在编写CSS样式表时提供更强的灵活性和可读性。