Question

怎样修改引入js文件里设置的css样式

我引入的是第三方JS文件 里面的一个模块是我不想要的 我想在外面把它的display改为none

Answer 1

给模块设置ID，使用ID选择器样式可以，优先级比较高。

追问

对啊 我也是这样想的

引入的这个js文件里面有个模块的ID是“foot”；我就想这样改 但不行啊

#foot{
display:none;
}

追答

你可以直接改这个js文件吧，这样也是一种办法啊。

追问

改不了 这是引入第三方的JS插件

Answer 2

使用！important 这个关键字 也就覆盖了原来的css设置

Answer 3

A.可以再那个木块执行之后加一个自己设置样式display:none；的代码。
B.可以找到那个模块将其删除(不推荐)

追问

还有这种方法我也试过 都没用

#foot{
display:none;
}

追答

你这个引入的是外部css文件吧？建议用调试工具查看下#foot的样式继承自什么或者样式来自哪段代码，然后去修改就OK 了！类似下面，调试器都附带有控制样式的代码源的。这样的调试器chrome的F12和Firefox的firebug都可以的。

追问

#tui #content #foot{

display:none;

}

还是没用啊  大哥

追答

你这段代码写在哪里？去这里改。

追问

我引入的是人家的JS 我没办法拿到 这些CSS 和 HTML元素都是人家在JS里面设置好的 ， 我是想在外部改 我自己什么标签都没写的

追答

sorry  之前没看到，你引入的代码生成了一个iframe看下这个iframe有没有ID有的话可以$("#foot",window.frames["iframeID"].document).css("display","none");来设置.

没有的话，无能为力。。。