如何使用jquery？</style>删除<style>元素

Question

所以有这个网站，我想改变最新的风格变化，因为我认为它是丑陋和无用的。 我找到了不好的部分，但奇怪的是我似乎无法将其删除。

<div id="regularMenu">
<ul class='menu2'>
 <li>
    <a href="/linkA" class="notcurrent">link1</a>
 </li>
 <li>
    <a href="/linkB" class="notcurrent">link2</a>
 </li>
 <li>
    <a href="/linkC" class="notcurrent">link3</a>
 </li>
 <style>
   a, a:visited { color: #832; }
   #menu a, #menu a:visited { color: #832; }
   .menu2 li a, .menu2 li a:visited { color: #832; }
 </style>
</ul>
</div>

我试过

 $('.menu2> *:last-child').remove();

和

 $('/html/body/div[3]/div/ul/style').remove();

那是css路径。我用萤火虫复制了它。 也尝试了复制的Xpath但是：（

我也试过了：

 $('a').css("color", "#269");

有效，但它也会覆盖旧的CSS规则。而且我宁愿保留它。

我试着寻找答案，但我找不到任何帮助。所以现在我希望有人可以帮助我。

谢谢！

Answer 1

你试过了吗？

$('.menu2 style').remove();

Answer 2

如果保留样式块，则应保留该样式块。用它来改变颜色：

$('a').css("color", "#269");

这将改回来

$('a').css("color", "");

它应该回到锚标记的规则而不是内联样式。

Answer 3

你需要

$('.menu2 > style').remove();

see demo here

Answer 4

使用document.styleSheets查找所有已使用的样式表，当找到不需要的样式表时，将disabled设置为true。

更多信息：

1. https://developer.mozilla.org/en/document.styleSheets
2. http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-StyleSheet

据我所知，它适用于所有现代浏览器。