如何将 JavaScript 控件集成到现有的 CSS 站点中？
这可能是一个基本的 CSS 问题：我有一个使用明确定义的 CSS 主题设计的网站。我添加了一些控件（来自 jquery），但它们具有其设计者的风格，而不是我网站的风格。使插入的控件使用站点的 css 而不是控件的样式的最简单方法（工作量最少）是什么？有没有一种简单的方法可以将一组类/ID 映射到另一组类/ID 上？或者我错过了一些关于 css 的基本知识？
This might be a basic CSS question: I have a site designed with well-defined CSS themes. I'm adding some controls (from jquery), but they have the style of their designers, not my site's. What is the easiest way (least amount of work) to make the inserted controls use the site's css rather than the styles of the control? Is there an easy way to map one set of classes/ids onto another? Or am I missing something basic about css?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我假设您正在使用 jQuery UI？如果是这样，他们就有一个 ThemeRoller。
I'm assuming you're using jQuery UI? If so, they have a ThemeRoller.
您可以尝试通过尽可能同时定义自己的小部件和外部小部件来“映射”事物：
这有多成功在很大程度上取决于您的站点和控件的结构。
作为一般规则，最好更改您自己的样式表以与控件一起使用，而不是更改控件以与您的样式表一起使用。这样，您就可以轻松集成新版本的控件。
You can try to "map" things by defining your own widgets and the external ones at the same time as much as possible:
How successful that can be depends heavily on your site's and the controls' structure.
As a general rule, rather change your own stylesheets to work with the control, instead of changing the control to work with your stylesheet. That way, you can easily integrate new versions of the control.
最常见的方法是检查要添加的控件的 DOM 结构，看看是否可以使用所应用的类来按照您想要的方式设置样式，通常是覆盖控件的 CSS 选择器，或者为控件编写 CSS从头开始控制 DOM 结构。
Most common way is to inspect the DOM structure of the controls you are adding, and see if you can use the classes applied to style it the way you want, typically be overriding the CSS selectors in place for the control, or by writing CSS for the control DOM structure from scratch.