为我自己的 HTML 元素使用 jQuery UI css 样式

Question

使用 jQuery UI 为我提供了这些漂亮的样式表。这些适用于小部件，... jQuery UI。但是我如何将这些样式应用到我自己的 HTML 元素以具有相同的外观和感觉？

当我更改 jQuery UI 主题时，我希望我的页面进行相应更改。我知道有类似的问题，例如“jQuery UI Themeroller Question”。据说我只能打开 CSS 并手动将 CSS 类应用于我的元素。

没有更好的/官方的方法吗？尤其是使用Theme Switcher，我可以轻松拥有可自定义的 UI。

-- 补充原来的问题--

好的，你们都解释一下，我必须手动将 css 类应用于我的元素。我很欣赏这些信息，你肯定比我有更多的 CSS 经验。但是，当我以后想要更改样式时，我必须在很多地方更改这个（jQuery UI）类 - 例如所有 td 元素。所以在我的 CSS 文件中，我更喜欢通过选择器应用样式。

问：我可以使用选择器重新应用（jQuery UI css 的）类，例如“将类 XYZ 应用到 div "ABC" 中的所有表头吗？

我可以通过 jQuery 选择来做到这一点，但我可以在“我的 css”中做到这一点吗？

Answer 1

为了回答您的问题，that 是 官方 主题化您自己的元素的方式，这些元素不是由 jQuery UI 小部件构建的。您必须将特定的类应用到您的元素，它们最终看起来就像 jQuery UI 中的其他小部件。

Answer 2

在 Firefox/Chrome 中

右键单击要复制其样式的元素，然后选择 inpsect element。请注意它属于哪些类。

将这些类添加到您的元素中

回答您上面的 td 问题：

你可以在你的 css 中创建一个 td 类，并将 jquery ui css 文件中的样式复制到它：

td{
 //Styles go here
}

另外，您问“将 XYZ 类应用到我在 div "ABC" 中的所有表头？”将此添加到您的 css 文件中

如果 div 的 ID 是 ABC

div#ABC th{
   //Styles Go Here
}

如果 div 类是 ABC

div.ABC th{
   //Styles Go Here
}