为我自己的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

要回答你的问题， 这是将你自己的元素归结为jQuery UI小部件的官方方式。 您必须将特定类应用于元素，它们最终将看起来像jQuery UI中的其他小部件。

Answer 2

在firefox / chrome中

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

将这些类添加到元素中

回答你上面的td问题：

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

td{
 //Styles go here
}

另外，你问“将类XYZ应用于div中的所有表格标题”ABC“？” 将其添加到您的css文件中

如果divs ID是ABC

div#ABC th{
   //Styles Go Here
}

如果divs类是ABC

div.ABC th{
   //Styles Go Here
}