Javascript css无法设置显示：块

在使用javascript将其设置为“无”后，我无法使用css将显示设置为“块”

这是正常的还是我错过了什么

.lightbox:目标{
显示：块；
}

函数onClickLightBox（事件）{
event.preventDefault（）；
target.style.display=“无”；
}
lightbox.addEventListener（'click'，onClickLightBox）；

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

这是正常的

设置

.style.

属性设置内联样式

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

只有一个！重要规则将覆盖内联规则（除非内联规则也很重要）。

正常

设置

.style.

属性设置内联样式

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

只有一个！重要规则将覆盖内联规则（除非内联规则也很重要）

应该是：

event.target.style.display = "none";

---

正如Quentin提到的，它添加了一个内联样式，但我不推荐它。您可能需要使用

！重要信息

，这可能会使事情更加混乱

我建议使用CSS进行样式设置，并通过javascript向当前元素添加/删除/切换类

添加类：

event.target.classList.add = 'myClass';

event.target.classList.remove = 'myClass';

删除类：

event.target.classList.add = 'myClass';

event.target.classList.remove = 'myClass';

切换一个类：

event.target.classList.toggle = 'myClass';

应该是：

event.target.style.display = "none";

---

正如Quentin提到的，它添加了一个内联样式，但我不推荐它。您可能需要使用

！重要信息

，这可能会使事情更加混乱

我建议使用CSS进行样式设置，并通过javascript向当前元素添加/删除/切换类

添加类：

event.target.classList.add = 'myClass';

event.target.classList.remove = 'myClass';

删除类：

event.target.classList.add = 'myClass';

event.target.classList.remove = 'myClass';

切换一个类：

event.target.classList.toggle = 'myClass';

---

这只是我拼凑的一个样本，只是为了展示我在做什么。所以这只是一个打字错误，只是我拼凑的一个样本，展示我在做什么。所以，仅仅是一个类型错误，内联声明的样式规则将始终超过外部或内部（标签中的样式）规则。除了一个例外，如果您使用

！重要信息

声明（例如：

display:block！重要信息；

），您将过度限定内联样式规则-只要它（内联样式规则）没有自己的

！重要信息

声明。@UncaughtTypeError当我设置我的样式时，我应该将其移动到css文件中吗？您可以将样式保留在您现在拥有的任何位置，请记住，无论何时使用内联样式，它都会过度限定来自其他任何位置的样式，因此如果您无法再次删除该内联样式，或者使用类应用您需要的样式（参见Jeffrey的答案），那么您唯一的选择就是使用

！重要信息

声明。内联声明的样式规则将始终超过外部或内部（标签中的样式）规则。除了一个例外，如果您使用

！重要信息

声明（例如：

display:block！重要信息；

），您将过度限定内联样式规则-只要它（内联样式规则）没有自己的

！重要信息

声明。@UncaughtTypeError当我设置我的样式时，我应该将其移动到css文件中吗？您可以将样式保留在您现在拥有的任何位置，请记住，无论何时使用内联样式，它都会过度限定来自其他任何位置的样式，因此如果您无法再次删除该内联样式，或者使用类应用您需要的样式（参见Jeffrey的答案），那么您唯一的选择就是使用

！重要

声明。我不能超车！对java脚本很重要，因为它似乎不起作用，我无法克服！对java脚本很重要，因为它似乎不起作用