如何避免两个 css 框架的冲突？
How can i avoid conflicts of two css frameworks?
我在我的项目中使用 Foundation CSS 框架和 Kendo UI 网格 Kendo UI 网格有时会被 foundation CSS 东西。
如何避免这种冲突？
老实说，我认为您没有办法做到这一点。浏览器将按照样式表在您页面上的放置顺序加载所有样式表。当多个样式表中使用了多个选择器时，最后一次出现的选择器优先（意思是：这是您的浏览器将使用的选择器）。
您可以添加第三个样式表，在其中修复所有被错误覆盖的内容，或者您可以尝试切换 Foundation css 和 kendo 网格 UI css
您正在寻找的是命名空间。据我所知，没有内置的方法可以做到这一点，但之前有人问过这个问题：
- Namespacing the Bootstrap and Foundation CSS frameworks
我在我的项目中使用 Foundation CSS 框架和 Kendo UI 网格 Kendo UI 网格有时会被 foundation CSS 东西。
如何避免这种冲突？
老实说，我认为您没有办法做到这一点。浏览器将按照样式表在您页面上的放置顺序加载所有样式表。当多个样式表中使用了多个选择器时，最后一次出现的选择器优先（意思是：这是您的浏览器将使用的选择器）。
您可以添加第三个样式表，在其中修复所有被错误覆盖的内容，或者您可以尝试切换 Foundation css 和 kendo 网格 UI css
您正在寻找的是命名空间。据我所知，没有内置的方法可以做到这一点，但之前有人问过这个问题：
- Namespacing the Bootstrap and Foundation CSS frameworks