我们可以在一个类上使用类吗<style> tag?

Question

事情是出于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 标准，这是一个正确的方法。？ 我找不到与此相关的任何问题或答案。

Answer 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>

Answer 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>