我怎样才能显式而不是全局地应用 UI 框架？

Question

我想在 Wordpress 插件中为管理后端使用 UI 框架。不幸的是，大多数框架都在全局而不是显式地应用许多样式。这些全局重置和覆盖适用于从头开始构建的站点，但在将它们实施到现有架构（如 Wordpress 后端）中时可能会造成严重破坏。

我正在寻找一个 UI 框架，它是 (1) 设计 或 (2) 可以 覆盖 仅应用于页面的给定区域，例如父 div 上的 class 名称。这将允许我将框架应用于我的特定选项区域，同时保持后端的其余部分不变。

我最近开始使用 YUI 的 Pure.css，它有一个几乎不存在的全局重置和显式 classes 都以 [=22= 开头] 字首。但是，这个框架比我想要的要轻一些。我正在寻找 Bootstrap 或 Semantic UI.

中功能更丰富的东西

Answer 1

例如，您可以为 Bootstrap 添加前缀，无论哪种方式，您都可以用 less 处理它，或者使用此工具自己为它们添加前缀 http://www.css-prefix.com/，因为这适用于任何框架

花更少的钱你需要这样的东西

.yourpluginname-bs {
  @import (less) url("bootstrap.css");
}