css - 具有多个框架的单页 Web 应用程序具有重复的类名

标签 css html twitter-bootstrap singlepage html-framework-7

我正在编写一个单页 Web 应用程序,但我在使用一些框架时遇到困难。

似乎几乎每个现代框架,比如BootstrapFramework7 使用非常的基本类名,例如rownavbar

因此,我无法在网页上同时使用这两个框架,这限制了我的选择。对于某些页面(如主页),Bootstrap 很不错,但对于其他页面,我更喜欢 Framework7 的组件。

除了使用完全不同的 HTML 文件之外,还有什么方法可以解决这个问题吗?

最佳答案

以下选项可用于命名空间 CSS:

  • 每个框架的 iframe

  • 创建一个 SASS 文件,该文件使用级联为每个框架命名空间,方法是在每个框架规则前加上一个选择器,该选择器映射到具有指定类名的父元素。

引用资料

关于css - 具有多个框架的单页 Web 应用程序具有重复的类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37186955/

相关文章:

css - 防止预加载图像?

javascript - 打印时删除空白页 - 使用可见性 : hidden

javascript - 使用 JavaScript 包装 HTML5 视频元素会破坏 iOS 中的视频播放器

css - Bootstrap 模式和下拉菜单不能在同一个导航栏中工作,我该如何覆盖 CSS?

css - Bootstrap 字体粗细 : 500 looks "normal" on Firefox

html - 如何去除径向渐变中的边框,使其能够很好地混合?

css - 使用下一个和上一个按钮实现仅CSS的幻灯片/轮播吗?

html - 如何构建动态 css 主/子菜单(或者我需要 jquery)?

javascript - 检测Javafx webview

javascript - 具有范围的数字的 Angular 链接数组