Verwirrt mit BEM: Wie Körperelement mit BEM zu adressieren?

In meinem letzten Projekt habe ich SCSS Datei wie folgt:Verwirrt mit BEM: Wie Körperelement mit BEM zu adressieren?

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

Und jetzt versuche ich zu BEM neu zu schreiben. Ich möchte das ganze Körperelement ansprechen. Vielleicht ist das gegen BEM-Prinzipien und ich sollte das nicht tun?

Quelle

2017-06-11 John Taylor

Sie können dem body-Element immer eine Klasse hinzufügen. – mpen

@mpen Es ist also nichts falsch daran, so zu tun: ? –

Nicht sicher. Ich benutze BEM nicht. Ich würde sagen, wenn Sie den Körper stylen wollen, gehen Sie voran und stylen Sie den Körper; keine Klasse notwendig. Ich denke, BEM ist hauptsächlich eine Möglichkeit für Sie, Namenskollisionen mit Ihren Klassennamen zu vermeiden und sich zu organisieren, es soll Sie nicht davon abhalten, die Elemente zu stylen, die Sie stylen möchten. – mpen

<body class="body"></body> ist in Ordnung.

Eigentlich normalerweise für body Tag in BEM verwendet Klasse "page". Sie hätten also <body class="page"></body>.

Es klingt größer denn normalerweise im Körper haben wir dann <header class="header page__header"></header>, <main class="content page__content"></main> und <footer class="footer page__footer"></footer>.

Quelle

2017-06-14 11:18:20

Danke für die Klarstellung! –

Verwirrt mit BEM: Wie Körperelement mit BEM zu adressieren?

Antwort

Verwandte Themen