css - 如何避免两个 css 框架的冲突?

标签 css kendo-ui zurb-foundation

我在我的元素中使用 Foundation CSS 框架和 Kendo UI 网格 Kendo UI 网格有时会被基础 CSS 东西覆盖。

如何避免这种冲突?

最佳答案

老实说,我认为您没有办法做到这一点。浏览器将按照样式表在您页面上的放置顺序加载所有样式表。当多个样式表中使用了多个选择器时,最后一次出现的选择器优先(意思是:这是您的浏览器将使用的选择器)。

您可以添加第三个样式表,在其中修复所有被错误覆盖的内容,或者您​​可以尝试切换 Foundation css 和 kendo grid UI css

关于css - 如何避免两个 css 框架的冲突?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30755443/

相关文章:

php - Wordpress 主题操作 - 删除小部件背景

javascript - 引导覆盖不生效

javascript - HTML 内容如何根据​​动画动态变化?

css - Kendo Notification 如何显示errorTemplate Notification(MVC)

kendo-ui - 剑道 Ui 格锁柱

HTML&CSS + Twitter Bootstrap : any form element to left and button to right (row section)

kendo-ui - 是否可以删除 Kendo 饼图中 "zero"的标签?

jquery - Foundation Zurb 下拉菜单不起作用

html - 如何使用源链接 react.js 中的图像

css - Zurb 基金会 : Nav Bar disappears for small range of screen sizes