css is选择器

2022-12-23 12:42:16 浏览数 (1)

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

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

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

代码语言:javascript复制
/* 选择 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;
}

非常实用

css

0 人点赞