阿超 > css is选择器

css is选择器

2022-12-22

前端

良药苦口利于病，忠言逆耳利于行——佚名

MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/:is

is选择器可以同时包含多个，例如

1
2
3
4
5
6
7
8
9
10
11
12
13
/* 选择 header、main、footer 里的任意一个悬浮状态的段落 */
:is(header, main, footer) p:hover {
  color: red;
  cursor: pointer;
}

/* 以上内容相当于以下内容 */
header p:hover,
main p:hover,
footer p:hover {
  color: red;
  cursor: pointer;
}

非常实用