Javascript 我的插件有Css覆盖问题我的插件页面_Javascript_Jquery_Css

Javascript 我的插件有Css覆盖问题我的插件页面

javascript jquery css

Javascript 我的插件有Css覆盖问题我的插件页面,javascript,jquery,css,Javascript,Jquery,Css,正如您可以看到上面的代码，我已经在html页面中创建了一个html页面。我的问题是theme/myjquerystyle.css覆盖了我的插件/myjquerystyle.css 如何将plugin/jquerystyle.css文件优先应用于我的页面。任何解决方案我相信我们无法在iframe内部定义（从未尝试过），但是我们可以通过Javascript实现这一点，我们可以通过以下方式将样式附加到iframe部分：希望有帮助。CSS优先级由声明规则的另一方定义。这样定义的最后一个具有最高优

正如您可以看到上面的代码，我已经在html页面中创建了一个html页面。我的问题是theme/myjquerystyle.css覆盖了我的插件/myjquerystyle.css 如何将plugin/jquerystyle.css文件优先应用于我的页面。任何解决方案

我相信我们无法在iframe内部定义（从未尝试过），但是我们可以通过Javascript实现这一点，我们可以通过以下方式将样式附加到iframe部分：

希望有帮助。

CSS优先级由声明规则的另一方定义。这样定义的最后一个具有最高优先级。你能修改iframe的内容吗？你能做的一个方法是给出

！重要信息

对于第二个

样式表中CSS
的所有属性

嗨，xaviert我在plugin/myjquerystyle.CSS CSS文件中做了很多更改，无法添加！对所有css都很重要

<!DOCTYPE html>
  <html>
    <head>
        <link rel="stylesheet" type="text/css" href="theme/myjquerystyle.css">
    </head>
    <body>

<iframe>
     <!DOCTYPE html>
        <html>
        <head>
            <link rel="stylesheet" type="text/css" href="plugin/myjquerystyle.css">
        </head>
        <body>
        My Plugins page
        </body>
    </html>
</iframe>

</body>
</html>

$('iframe').load( function() {
    $('iframe').contents().find("head")
      .append($("<style type='text/css'>  .myclass{display:none;}  </style>"));
});

iframe.$('mydiv').addClassName('Tablewithborder');