如何将javascript控件集成到现有的css站点中？

Question

这可能是一个基本的CSS问题：我的网站设计有明确定义的CSS主题。我正在添加一些控件（来自jquery），但它们具有设计师的风格，而不是我的网站。使插入的控件使用网站的css而不是控件的样式最简单的方法（最少的工作量）是什么？有一种简单的方法可以将一组类/ ID映射到另一组吗？或者我错过了一些关于CSS的基本知识？

Answer 1

我假设您正在使用jQuery UI？如果是这样，他们有一个ThemeRoller。

Answer 2

您可以尝试通过尽可能同时定义自己的小部件和外部小部件来“映射”事物：

div.my_widget,
div.external_widget

{ border: 1px blue solid; } 

成功与否取决于您的网站和控件的结构。

作为一般规则，而是更改自己的样式表以使用控件，而不是更改控件以使用样式表。这样，您就可以轻松集成控件的新版本。

Answer 3

最常见的方法是检查要添加的控件的DOM结构，并查看是否可以使用应用的类来按照您希望的方式设置样式，通常是为控件替换CSS选择器，或者从头开始为控制DOM结构编写CSS。