1. 首頁
  2. 問答
  3. 與BEM困惑：如何應對身體元素與BEM？

與BEM困惑：如何應對身體元素與BEM？

2017-06-11 65 views
1

在我最近的項目中，我有SCSS文件，像這樣：與BEM困惑：如何應對身體元素與BEM？

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原則的，我不應該那樣做？

來源

2017-06-11 John Taylor

+1

您可以在類隨時添加到body元素。 – mpen

+0

@mpen所以這是沒有錯的做，像這樣： <體類=「體」> ？ –

+2

不確定。我不使用BEM。我會說，如果你想要塑造身體的風格，請繼續前進並塑造身體;沒有必要的課程。我認爲BEM主要是讓你避免命名與你的類名碰撞並保持有組織的方式，而不是阻止你設計你想要的樣式元素。 – mpen

回答

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

來源

2017-06-14 11:18:20

+0

感謝您的澄清！ –

相關問題

 相關問題