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

Question

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

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

当我在页面标题处导入它们时，我发现布局搞砸了。

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

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

Answer 1

1. 为您的日历字段指定一个ID（如果它还没有）。
2. 进入JQuery CSS文件并取出datepicker的样式。

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中。现在一切都很好。

谢谢大家。