我们可以在 标签上使用类吗？

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>