代码之家 › 专栏 › 技术社区 › robinvrd

CSS4:matches()用于父元素而不是子元素

css-selectors css

robinvrd · 技术社区 · 6 年前

:matches()

:matches(section, article, aside) h1 {
    color: red;
}

/* instead of */

section h1, article h1, aside h1 {
    color: red;
}

但是 ,有没有办法写出比这个短的东西

section h1, section p, section span {
    color: red;
}

/* with something like */

section:matches(h1, p, span) {
    color: red;
}

h1 , p 和 span 不能被认为是 *

1 回复 | 直到 6 年前

Paulie_D 6 年前

这个

section h1, section p, section span {
    color: red;
}

section :matches(h1, p, span) { /* note the space */
    color: red;
}

这是目前铬合金的 如果启用了“实验性Web平台功能”标志。

section :matches(h1, p, span) {
  color: red;
}

<section>
  <h1>Red H1</h1>
  <p>Red Paragraph</p>
  <span>Red Span</span>
  <h2>Not red H2</h2>
</section>

Support 虽然现在很穷

推荐文章

Monica · 使用Selenium和Python在没有url的情况下单击下载文件

2 年前

Kevin Rodgers Jr. · Python BeautifulSoup:在in select语句中排除其他标记

2 年前

Arad · 即使使用相同的选择器,外部样式表也会覆盖内部样式表

6 年前

user1032531 · jQuery Validate require\u from\u group并按名称选择

6 年前

Christian Luneborg · 星级评定不起作用

6 年前

Gabriel Morais · CSS未应用媒体查询

6 年前

Kevin · CSS属性选择器中的“i”是什么意思?[副本]

6 年前

S syed · 如何在javascript中删除DIV标记内的CSS类?[副本]

6 年前

Karos papermoon · Div和定位问题

6 年前

user9549074 · 如何从CSS中的输入文本中设置最后一个字符的样式?

6 年前