我試圖理解，為什么 negating :fullscreen，即:not(:fullscreen)，不能按預期作業。
有關演示，請參閱https://jsfiddle.net/rmjae4Lc/（它適用于body，但不適用于p）。
:fullscreen button {
background-color: green;
}
:not(:fullscreen) body {
background-color: gold;
}
:not(:fullscreen) p {
background-color: orange;
}
div {
background-color: blue;
}
:fullscreen div {
background-color: white;
}<button onclick="if (document.fullscreenElement) {(document.exitFullscreen || document.webkitExitFullscreen).call(document)}
else {var elem = document.documentElement; (elem.requestFullscreen || elem.webkitRequestFullscreen).call(elem)}">toggle fullscreen</button>
<p>
Negating fullscreen works for body but not for div. In fullscreen mode body turns white, but div stays orange.
</p>
<div>
A work around.
</div>（在這里運行代碼片段， throws Fullscreen request denied。因此使用上面的 jsfiddle 鏈接。）
uj5u.com熱心網友回復：
我找到了一個簡單的解決方法（在 Chrome、Edge、Firefox 上測驗過）：
html:not(:fullscreen) p {
background-color: orange;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/335874.html
標籤：css