CSS:where()选择器在Electron应用程序中不可用

Question

我目前正在尝试将一个网站嵌入到MS Teams桌面应用程序中。据我所知，这是一款Electron应用程序。集成运行良好，但样式已损坏。从我目前发现的情况来看，CSS:where()选择器似乎不起作用。

是否有关于这方面已知问题的信息？是否有解决此问题的变通方法或polyfill？

Answer 1

我没有找到关于这个问题的信息，但根据文档，这里有一个解决方法：

/* Selects any paragraph inside a header, main
or footer element that is being hovered */
:where(header, main, footer) p:hover {
color: red;
cursor: pointer;
}
/* The above is equivalent to the following */
header p:hover,
main p:hover,
footer p:hover {
color: red;
cursor: pointer;
}