如何禁用和启用css规则

Naj*_*zak 3 html javascript css

例如,如果我有

<style type='text/css' id='divcolorgreen'>
    div{
        color: green;
    }
</style>
Run Code Online (Sandbox Code Playgroud)

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

  • 删除样式元素(重新启用它以重新启用)
  • 修改它的内部HTML
  • 逐行添加内联规则到每个元素(更好地使用jquery)

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

Tad*_*eck 7

这是课程的目的.通过分配一个类,例如.到<body>标签,你得到相同的功能:

<style type='text/css' id='divcolorgreen'>
    body.divcolorgreen div{
        color: green;
    }
</style>
Run Code Online (Sandbox Code Playgroud)

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

<body class="divcolorgreen">
    ...
</body>
Run Code Online (Sandbox Code Playgroud)

该规则适用.要禁用该规则,请删除上述类:

<body>
    ...
</body>
Run Code Online (Sandbox Code Playgroud)