jquery - 如何使外部CSS文件只应用于一个元素

标签 jquery css

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

我正在使用 jquery 的日期选择器,它有自己的 css 文件,名为“jquery.css”。

当我在页面的头部导入它们时,我发现布局乱了。

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

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

最佳答案

  1. 为您的日历字段提供一个 ID(如果它还没有 ID)。
  2. 进入 JQuery CSS 文件并取出日期选择器的样式。
  3. 将此样式粘贴到您自己的“site.css”文件中,但位于日历字段的 ID 下(因此,如果您的日历字段具有 ID calendar,则使用:

    #calendar { //您要在此处复制的 JQuery 样式代码 }

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

关于jquery - 如何使外部CSS文件只应用于一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14629206/

相关文章:

javascript - 如何仅在添加/更改数据库记录时重新加载表内容

javascript - 使用 javascript/jquery 检查函数是否已完成其任务

html - 无法在 Twitter Bootstrap 3 列网格中放置面板

html - textarea中文本长度过长时如何显示点

javascript - 删除移动设备上的 'bouncy scrolling'

javascript - jquery提交没有表单的url查询字符串

javascript - jquery 无法使用超过 1 个函数

javascript - 获取 iframe 中悬停元素的 css 值

javascript - 使 div 出现并将整个 html 更改为更暗

Jquery UI - 按钮未设置样式