与BEM混淆:如何用BEM解决身体元素?

时间:2017-06-11 18:55:18

标签: html css sass bem

在我最近的项目中,我有这样的scss文件:

CSS

body {
  background: url('https://...jpg') bottom center no-repeat;
  background-size: cover;
  min-height: 100vh;

  h2 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 24px;
  }
  [rest of code]
}

现在我正在尝试重写BEM。我想解决整个身体因素。也许这是违反BEM原则的,我不应该这样做?

1 个答案:

答案 0 :(得分:2)

<body class="body"></body>没问题。

实际上,BEM中的body标记通常使用类"page"。所以你会<body class="page"></body>

听起来更大,因为我们通常会在身体内<header class="header page__header"></header><main class="content page__content"></main><footer class="footer page__footer"></footer>