4

我期待在我的网站中集成某个 jQuery 幻灯片，但它的外部 CSS 文件与我的原始 CSS 文件集冲突。你通常如何处理这个问题？

我是否必须重新分析我的所有 CSS 文件并分析插件的 CSS 文件以将它们混合在一起才能完成这项工作？或者有一种方法可以将插件的这个外部 CSS 文件应用到特定的 div 代码中，这样文档的其余部分就不会受到影响？

对于那些熟悉 CSS 的人，我一定会感谢您的友好回答和反馈。

PS：使用 iframe 可以解决这个问题吗？虽然我读到使用 iframe 是一个坏习惯，对 SEO 不利。

4

3 回答 3

4

任何值得一试的 jQuery 插件都应该有足够具体的 CSS 来仅针对它们自己的元素（通常通过提供 ID 或类名）。

更有可能的是，您正在使用覆盖整个标签的样式覆盖插件的 CSS。

您应该为自己的标签使用类来防止这些冲突。

此外，尝试在您自己的自定义 CSS 之后链接插件的 CSS。

于 2012-08-28T18:16:43.703 回答
1

通常 jQuery 插件具有非常独特的标签 ID。我认为查看您的 CSS 并查看可以在哪里消除任何冲突是值得的。另外，查看这篇文章以获得一些好主意：系统地解决 css 中的冲突样式。

于 2012-08-28T18:15:57.833 回答
1

这是获取 favicon 图标的 jquery 函数

   $('link').each(function(i,v){
       rel = $(v).attr('rel').split(" ").filter(function(i){if(i.length)return i});
       if(ibreak)return false;
       rel.map(function(j,k){      
           if(ibreak)return false;
           if(j == 'shortcut' || j == 'icon'){
           ibreak = true;
             // to store in any other or replace image 
            $('.widgetintroductionpopup-imgcover img').attr('src',$(v).attr('href'));           
           }
       }); 
   });
于 2017-03-17T09:45:16.760 回答