我们可以在 <style> 标签上使用 class 吗？答案

【问题标题】：Can we use class on a <style> tag?我们可以在 <style> 标签上使用 class 吗？
【发布时间】：2020-03-21 12:53:59
【问题描述】：

这件事是为了 js 目的 我想在某个事件上从我的文档中删除一个特定的 <style> 标记。因此，据我所知，我为它添加了一个类并在我的活动中删除，例如：

<style class="custome_for_remove">
  .selected_par>td,
  .footer-tr>td {
    position: relative;
    display: table-cell!important
  }.....
</style>


<script>
function customeRemove() {
  $('.custome_for_remove').remove()
}
</script>

我关心的是这个 HTML 标准，这是一个合适的方法吗？我找不到与此相关的任何问题或答案。

【问题讨论】：

class 是global attribute，因此可用于任何元素。话虽如此，你所做的确实有点奇怪。通常，如果您想更改适用于它们的规则，您只需要在实际元素中添加/删除类即可。但你所做的在技术上是可以的。
只需将您的样式包装在公共父类中并删除该 SIMPLE。以上语法无效<style>没有选择类

标签： javascript jquery css styles

【解决方案1】：

是的！这完全有效，而且似乎也是有效的语法。这是一个小演示。根据https://validator.w3.org/，在你的样式标签中有一个类被认为是有效的html（如果你愿意，你也可以使用一个id）。

$("#test").click(() => {
  $(".customClass").remove();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style class="customClass">
  p {
    color: red;
  }
</style>

<p>
  Test
</p>
<button id="test">
remove
</button>

【讨论】：

【解决方案2】：

你可以试试下面的代码。它完美地删除了 CSS。

function removeJs(){
   $(".custome_for_remove").remove();
}

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>

<style class="custome_for_remove">
  p {
    color: red;
    cursor: pointer;
  }
</style>

<p onclick="removeJs()">
  Click here!
</p>

【讨论】：