是否可以为css创建纯命名空间

Question

我的案例是我的网站，包括很多Javascript和CSS，

无论如何，为索引文件中的某个部分创建一个纯净的名称空间。

当我添加<li>，<ol>或<nav>等标记时，它不应受其他加载的css文件的影响。（因为资产管道会自动加载它）

但我仍然希望页面中的其他部分具有原始样式。

以index.html.haml为例

link{href: "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css", rel: "stylesheet"}/
= render 'nav'
= render 'revolution_bar'
= render 'service'
/ I wanna create a clean space here
= render 'about_us'

无论如何都要避免样式表被其他资产污染。

Answer 1

semantic ui将此作为其风格指南的一部分：http://semantic-ui.com/guide/styleguide.html。

我做了很多 - 这是你在JavaScript中创建命名空间的方式，因为你创建了一个对象（或者在css的情况下，一个类），它的唯一目的是作为一个命名空间。

在语义方面，他们的顶级命名空间是ui。作为示例，菜单项的选择器可能如下所示：

.ui.menu .item {
   ...
 }

类ui类实际上并不适用于任何元素，它只是用于为其他类添加前缀。

当然 - 你的顶级命名空间类可以是你喜欢的任何东西。但这应该隔离页面上的任何css代码，前提是页面上还没有ui类。

这就是你的意思吗？