css - 如何将 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 选择器，或者通过编写 CSS从头开始控制 DOM 结构。