html - 带有破折号下划线的命名类和 id 的 CSS 趋势?

标签 html css css-selectors

我一直使用破折号作为 css 类和 ID 名称的分隔符:

.about-us
.car-pricing-guide

我见过网站使用多个下划线 __

.home__content

此外,我还看到了 2 个破折号

.hero--title

我知道这是一个偏好问题,但有人可以指出这类模式的文章或流程吗?是否有朝着特定惯例迈进的趋势,或者是否有一套人们似乎同意/遵循的流行惯例?

最佳答案

双下划线遵循 BEM 方法。它基本上是一种命名类的方式,以便用户以后更容易理解。

BEM 背后的指导原则似乎是“在设计页面时,考虑可重用的小部件”。这几乎是您应该编写语义 HTML 的标准方式。

在此处了解有关 BEM 的更多信息:BEM methoodology

关于html - 带有破折号下划线的命名类和 id 的 CSS 趋势?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36710166/

相关文章:

css - 样式方面的 <br> 或填充/边距元素

javascript - 延迟加载和同位素砌体问题

javascript - 如何关闭div

html - 如何使用伪 CSS 类选择器隐藏幻灯片 1 横幅内容?

html - 带有嵌套 CSS 的类与 ID

css - 我是否需要指定每个选择器来设置嵌套元素的样式?

javascript - 使 Bootstrap 旋转木马流畅?

javascript - 无需 Javascript 或 <a> 或 href 即可使 Div 可点击

html - 在网页上嵌入 PDF 并防止下载

css - 如何选择与 :hover 相邻的子元素