javascript - css 无法设置显示 :block

Question

在使用 javascript 将显示设置为无后，我无法使用 css 将显示设置为阻塞。

这是正常现象还是我遗漏了什么？

.lightbox:target {
  display: block;
}

function onClickLightBox(event) {
  event.preventDefault();
  target.style.display = "none";
}
lightbox.addEventListener('click', onClickLightBox);

我在使用 javascript 设置显示时遇到了同样的问题，然后一旦屏幕调整大小，@media 就无法更改它。

Answer 1

这是正常的。

设置 .style.* 属性设置内联样式。

内联样式比任何选择器都更具体。

只有 !important 规则会覆盖内联规则(除非内联规则也是 !important)。