jquery - 如何使外部css文件仅适用于一个元素

Question

我的网站有一个名为“site.css”的默认 css 文件。

我正在使用 jquery 的 datepicker，它有自己的名为“jquery.css”的 css 文件。

当我将它们都导入页面的标题时，我发现布局混乱了。

我想知道是否可以使 jquery.css 样式仅可用于页面中的日历字段。

实际上，不是 jquery.css 弄乱了我的布局。这是我的 site.css 弄乱了弹出日历的布局。

Answer 1

1. 给你的日历字段一个 id（如果它还没有）。
2. 进入 JQuery CSS 文件并取出日期选择器的样式。

3. 将此样式粘贴到您自己的“site.css”文件中，但在日历字段的 id 下（因此，如果您的日历字段具有 id calendar，则使用：

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

我认为为一个字段加载整个 CSS 样式表没有什么意义，更不用说编写一些代码来缩小其影响了。不妨去掉你需要的东西并重新使用它，把你认为合适的地方归功于 John Resig。

Answer 2

我将类名“site”添加到 site.css 中的容器“div”。

并将 class="site" 添加到我页面上的 div 中。现在一切看起来都很好。

谢谢你们。