主网站的JQuery UI样式

主网站的JQuery UI样式,jquery,css,jquery-ui,Jquery,Css,Jquery Ui,我计划将jqueryui合并到我的应用程序中;有人成功地将jQueryUI样式表用于他们自己的自定义样式吗?我的意思是,jqueryui看起来很好,有圆角和渐变等。我想说的是,在我的一些面板中,我不使用JQuery,使用手风琴的渐变标题 (因为它是静态HTML)。本质上,我不想创建自己的自定义样式表 有没有人尝试在他们的网站上重复使用现有的样式?你有什么指导吗 谢谢。这很容易。假设您有一个名为jquery.ui.theme.css的jqueryui css文件,并且希望使用标题背景图像 <

我计划将jqueryui合并到我的应用程序中;有人成功地将jQueryUI样式表用于他们自己的自定义样式吗?我的意思是,jqueryui看起来很好,有圆角和渐变等。我想说的是,在我的一些面板中,我不使用JQuery,使用手风琴的渐变标题 (因为它是静态HTML)。本质上,我不想创建自己的自定义样式表

有没有人尝试在他们的网站上重复使用现有的样式?你有什么指导吗


谢谢。

这很容易。假设您有一个名为jquery.ui.theme.css的jqueryui css文件,并且希望使用标题背景图像

<div style="height: 100px;" class="content-head ui-widget-header">
    <h1>This is a header</h1>
</div>

这是一个标题

有关jqueryui css类的更多详细信息,我只需将该类设置为与我正在使用的jquery面板或标题相匹配,然后在我自己的样式表或jquery样式表中,只需添加额外的类来覆盖我需要的位

因此,如果jQuery CSS是:

.content-header{
    background: url("/../..");
    width: 100px;
    overflow:hidden;
}
我只想在下面插入(添加!非常重要,以便此样式肯定会覆盖上一个样式):

然后将html设置为:

<div id="header" class="content-header my-content-header">


我认为这个软件包有自己的css,你可以检查css文件,如果你只需复制你想要的样式的css,并将其应用到你想要的任何东西上,它都会工作得很好;在我的站点中,我一直在使用带有CSS的jQueryUI。但是有各种各样的CSS类可供使用,所以我想知道是否有人构建了一些使用现有样式的示例。。。。本质上,我不想创建自己的自定义样式表,而是使用这些样式来为我的web应用程序的其他功能设置样式…@Steven他为什么需要复制css?使用同一个类。这是一个很好的问题。我感到惊讶的是,它在这里或JQueryIU网站上没有得到应有的关注。公认的答案是一个良好的开端,但肯定有更好的方法!!如果您要在jqueryui CSS之后添加自己的CSS,则不需要
!重要信息
。使用
是不好的做法!重要信息
,因为您总是可以在没有它的情况下深入了解特定性。是的,我确实想知道是否包含它,但有时当我使用包含的样式表时,它们无法正确级联
<div id="header" class="content-header my-content-header">