使用Bootstrap时为自定义CSS类添加前缀[已关闭]

6rqinv9w  于 2022-11-26  发布在  Bootstrap
关注(0)|答案(1)|浏览(182)

已关闭。此问题为opinion-based。当前不接受答案。
**想要改进此问题吗?**请更新问题,以便editing this post可以用事实与引用来回答.

三年前就关门了。
Improve this question
我读到有人在使用Bootstrap,在他们的自定义CSS类名前面加上一个字母、破折号或下划线,只是为了让它立即明显地表明他们是自定义的。
例如:<div class="col-sm-12 my-block-photo"><div class="col-sm-12 _block-photo">
因此,他们会将所有自定义类的前缀设置为my-_
“这会不会适得其反?是不是有什么约定?无论我怎么找,都找不到任何东西。”
我听说过BEM,但它是sometimes criticised过于复杂,总的来说,一定有一个原因,它(似乎)不普遍。

rsaldnfx

rsaldnfx1#

你的习惯是什么,它是别人的第三方,如果两个部分采用相同的惯例,就像根本不应用任何惯例一样。
如果你正面临这个问题,BEM是一个很好的解决方案。如果你没有面临这个问题,也许你只是采用了一个CSS框架,那么你不应该关心它。
如果您的Web应用程序比较大,并且涉及来自不同团队的不同库,则可以考虑命名空间自定义样式:

.app-block-photo {
  img {

  }
}

在上面的示例中,我使用了 SCSS,以避免重复相同的令牌太多次。
如果您的Web应用程序确实太大,另一种解决方案是采用一个实现样式封装的框架,如 Angular

相关问题