javascript - 如何禁用和启用 css 规则

标签 javascript html css

例如如果我有

<style type='text/css' id='divcolorgreen'>
    div{
        color: green;
    }
</style>

我可以使用 3 种方式禁用 css 规则

  • 删除样式元素(重新附加它以重新启用)
  • 修改它的内部html
  • 为每个元素逐一添加内联规则(最好使用jquery)

有没有更简单的方法来禁用/删除 css 规则?

最佳答案

这就是类的目的。通过分配一个类,例如。到 <body>标记,您将获得相同的功能:

<style type='text/css' id='divcolorgreen'>
    body.divcolorgreen div{
        color: green;
    }
</style>

然后如果<body>看起来像这样:

<body class="divcolorgreen">
    ...
</body>

规则被应用。要禁用该规则,请删除提到的类:

<body>
    ...
</body>

关于javascript - 如何禁用和启用 css 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12398783/

相关文章:

javascript - 如果重复则从数组中删除两个值 - JavaScript/jQuery

javascript - CSS Transition 不适用于 FireFox 和 IE

html - 仅为 HTML 表格中的第一列设置样式

javascript - ionic ng 模型无法正常工作

javascript - 如何使用 jquery 将 target=_blank 添加到 div 内的所有 PDF 链接?

javascript - Ajax.ActionLink() 渲染部分 View 脚本,但 JavaScript 代码不会

java - 创建一个网页来显示表单发送的条目

html - 如何在不影响宽度的情况下固定位置

html - 使用 px 和百分比的 HTML 宽度

css - 如何使用 Angular 2+ 绑定(bind)到数据属性?