当前位置 : 主页 > 网页制作 > css >

是否可以从CSS选择器中获取一个重要的属性值?

来源:互联网 收集:自由互联 发布时间:2021-06-13
是否可以从CSS选择器中获取一个重要的属性值? 例如:Bootstrap 3 defines .hide class: .hide { display: none !important; } 可以在不修改BS3源代码的情况下删除重要值吗? 在某事上思考 .hide { displ
是否可以从CSS选择器中获取一个重要的属性值?

例如:Bootstrap 3 defines .hide class:

.hide { display: none !important; }

可以在不修改BS3源代码的情况下删除重要值吗?

在某事上思考

.hide { display: none !remove-important; }

请注意,我想保持相同的价值!我不想设置块!重要的.hide类因为那不正确…

我已经添加了一个新类.hide-non-important并在需要的地方使用它:

.hide-not-important { display: none; }

……但问题是:有没有替代方案?

您无需编辑原始源代码.只需创建一个样式表并将其放在Bootstrap样式表之后并将其添加到它:

.hide { display: block !important; }

现在,说完这个,我会非常小心这样做.您不知道您网站上有多少元素已应用此类,您几乎肯定会得到意想不到的结果.

显然有一个原因,这个类已被应用,我建议:

>不要这样做
>在元素中添加一些其他类并为其添加样式.调整你的标记(或者如果需要,使用js来应用这个类),例如:

<div class="hide custom-hide-reset"></div>

然后将此样式添加到您创建的样式表中:

.custom-hide-reset { display: none; }
网友评论