html - 排除特定页面的已链接样式表或如何设置样式表的优先级

标签 html css fullcalendar zurb-foundation

我是第一次在我的元素中使用基础框架。我已经包括了fullcalendar在部分页面中并将其加载到主页中。我的问题是基础框架样式覆盖了全日历样式。

我在部分页面中包含了全日历样式表和 jQuery 文件,因此全日历样式具有高优先级但不起作用。

我该如何解决这个问题? (我可以只在部分页面中排除基础框架样式吗?如果可以,那么如何?)

最佳答案

首先,请确保在文档末尾包含指向 fullcalendar 的 JavaScript 链接,以便基金会和其他库可以先启动。

<script src="foundation.min.js"></script>
<script src="fullcalendar.js"></script>

其次,如果您想根据所在页面排除脚本,则必须使用一些条件格式。 使用 PHP:

if(!basename(__FILE__) == 'pagetoexclude.php') {
  echo '<script src="fullcalendar.js"></script>';
}

关于html - 排除特定页面的已链接样式表或如何设置样式表的优先级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26635961/

相关文章:

html - 如何检查网站中是否实现了 css 类?

html - 如何修复显示 :inline-block 中的间距

javascript - FullCalendar Scheduler 事件未显示在 TimelineView 中

django - 在 Django 中过滤结果时,如何将 DateTime 对象与 UNIX 时间戳进行比较?

javascript - 为表格单元格外化 ng 类

android - 移动屏幕阅读器不会 "click"超过屏幕外或 `z-index` HTML 文档中的元素

html - 无法固定左侧边栏

javascript - 使用 Bootstrap 4 时固定位置菜单

具有背景颜色和透明图像的 HTML 表格 : border on bottom

javascript - 某些事件会显示,但另一些事件不会显示在 FullCalendar 中