簡體   English   中英

與BEM混淆:如何使用BEM解決身體元素?

[英]Confused with BEM: How to address body element with 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原則,我不應該這樣做嗎?

<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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM