如何使外部css文件只适用于一个元素

我的网站有一个默认的css文件，名为'site.css'。如何使外部css文件只适用于一个元素

我使用jquery的datepicker，它有自己的css文件，名为'jquery.css'。

当我在页面的页眉中导入它们两个时，我发现布局混乱了。

我想知道是否有可能使jquery.css风格仅适用于页面中的日历字段。

其实，它不是jquery.css搞乱我的布局。这是我的site.css搞乱弹出日历的布局。

来源

2013-01-31 David Ruan

您可能只需要编辑jquery.css文件，以便在选择器中没有任何冲突，您可以使用容器并将jquery.css中的所有选择器作为该容器选择器的前缀。 – Seer

这是官方的jQuery UI datepicker或第三方插件吗？ – david

实际上修改了一个 –

给你的日历字段一个id（如果它还没有的话）。
进入JQuery CSS文件并取出datepicker的样式。
这种风格粘贴到你自己的“的site.css”文件，但您的日历字段的ID下（因此，如果您的日历字段具有ID calendar然后使用：

#calendar { // JQuery style code you want copied here }

我在一个字段中加载一个完整的css样式表没有多大意义，更不用说拿出一些代码来缩小它的影响力了。不妨去掉你需要的东西并重新使用它，记住John Resig在哪里感觉它是适当的。

来源

2013-01-31 15:33:33 guypursey

jquery的css文件有点大。所以我试图避免挖掘它。 –

所有更多的理由不包括整个文件在你的代码中，因为你可能只是增加不必要的加载时间，以获得很少的回报。但我明白，挖掘它看起来有点吓人:-)在文件中为'.ui-datepicker'执行Ctrl-F搜索将会到达正确的位置。 JQuery UI是非常有组织的，所以你可能会提取整个部分用于你自己的文件。 – guypursey

它不仅仅是.ui-datepicker。我有一个尝试，弹出日历是一个没有风格的普通日历。所以我必须复制ui.icon ui.corner ...等等。 –

I add clas将网站的名称“site”添加到site.css中的容器'div'。

并将class =“site”添加到我的页面上的div。现在一切都很好。

谢谢大家。

来源

2013-01-31 16:21:34

如何使外部css文件只适用于一个元素

回答

相关问题