是否认为使用ID';s代表“;“模块”;在你的CSS中?
我知道很多人反对在你的造型中使用ID,因为它们增加了太多的特殊性 但是,如果您使用的组件可以放在任何页面或任何容器上,如果小心使用,这不是一件好事吗?我是不是忽略了什么 在我做的上一个项目中,我使用SMACS方法将所有内容模块化。这很有效,除了我不得不故意添加额外的特殊性的情况 使用SCS的示例:是否认为使用ID';s代表“;“模块”;在你的CSS中?,css,css-selectors,Css,Css Selectors,我知道很多人反对在你的造型中使用ID,因为它们增加了太多的特殊性 但是,如果您使用的组件可以放在任何页面或任何容器上,如果小心使用,这不是一件好事吗?我是不是忽略了什么 在我做的上一个项目中,我使用SMACS方法将所有内容模块化。这很有效,除了我不得不故意添加额外的特殊性的情况 使用SCS的示例: #myWidget { .foo { width: 150px; } ... } 在某些情况下,这可以被公平地覆盖 .myWidget { .foo { width
#myWidget {
.foo {
width: 150px;
}
...
}
在某些情况下,这可以被公平地覆盖
.myWidget {
.foo {
width: 150px;
}
}
一般规则是ID只能出现在页面上一次(例如,包含站点导航的
的#主导航),类可以出现在页面上多次(.red text
,例如,为某些文本提供红色)。我个人倾向于使用ID来分隔不同的容器级部分,而类可以更普遍地应用
您的示例不包含有效的CSS,但是。。。你需要这样写:
#myWidget .foo {
width: 150px;
}
或
啊,是的,我忘记了在给定页面上有多个模块实例的可能性。在使用主干时,它确实让我重新考虑将css模块化,这样我就可以在任何地方弹出子视图。。。。我在写SCS…tisk tisk!
.myWidget .foo {
width: 150px;
}