我的案例是我的网站,包括大量 Javascript 和 CSS,
无论如何,为索引文件中的一个部分创建一个纯粹干净的命名空间。
当我放一些像 <li>
这样的标签时, <ol>
, 或 <nav>
它不应该受到其他加载的 css 文件的影响。(因为 Assets 管道将自动加载它)
但我仍然希望页面中的其他部分具有原始样式。
以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'
有没有办法避免样式表被其他 Assets 污染。
最佳答案
semantic ui将此作为其风格指南的一部分:http://semantic-ui.com/guide/styleguide.html .
我经常这样做 - 这有点像您在 JavaScript 中创建 namespace 的方式,因为您创建了一个对象(或者在 css 的情况下,一个类),其唯一目的是充当 namespace 。
在语义 ui 中,它们的顶级命名空间是 ui
。例如,菜单项的选择器可能是这样的:
.ui.menu .item {
...
}
类 ui
类实际上并没有单独应用于任何元素,它只是用于为其他类添加前缀。
当然 - 您的顶级命名空间类可以是您喜欢的任何东西。但这应该隔离页面上的任何 css 代码,前提是页面上还没有 ui
类。
这是你的意思吗?
关于javascript - 是否可以为 css 创建纯命名空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23927592/