是否认为使用ID';s代表“;“模块”;在你的CSS中?

是否认为使用ID';s代表“;“模块”;在你的CSS中?,css,css-selectors,Css,Css Selectors,我知道很多人反对在你的造型中使用ID,因为它们增加了太多的特殊性 但是,如果您使用的组件可以放在任何页面或任何容器上,如果小心使用,这不是一件好事吗?我是不是忽略了什么 在我做的上一个项目中,我使用SMACS方法将所有内容模块化。这很有效,除了我不得不故意添加额外的特殊性的情况 使用SCS的示例: #myWidget { .foo { width: 150px; } ... } 在某些情况下,这可以被公平地覆盖 .myWidget { .foo { width

我知道很多人反对在你的造型中使用ID,因为它们增加了太多的特殊性

但是,如果您使用的组件可以放在任何页面或任何容器上,如果小心使用,这不是一件好事吗?我是不是忽略了什么

在我做的上一个项目中,我使用SMACS方法将所有内容模块化。这很有效,除了我不得不故意添加额外的特殊性的情况

使用SCS的示例:

#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;
}