Matches()选择器不起作用

Question

我正在测试它,它应该在Chrome 47上运行(http://caniuse.com/#search=matches):

.results h4 {
  color: red
}
.results :matches(h4) {
  color: blue;
}
:matches(h2, h4) {
  font-size: 2em;
}

<div class="results">
  <h4>Hello</h4>
</div>
<h2>Hi</h2>

你好应该是蓝色和大,但它是红色的!为什么？

Answer 1

您链接的功能是可通过JavaScript访问的DOM功能,而不是CSS.您正在寻找的CSS伪选择器仍然在前缀后面并且:any当前被调用:

的jsfiddle

:-moz-any(section, article, aside) h1 {
    color: red;
}
:-webkit-any(section, article, aside) h1 {
    color: red;
}

<section>
    <h1>Section: Hello World!</h1>
    <p>But I must explain to you how...</p>
</section>

:matches() 存在,但仅作为未来的提案,除了显然Safari 9,但我现在无法访问OSX安装来测试它.