The element name is separated from the block name by a double underscore ( _). The block name defines the namespace for its elements and modifiers. Names are written in lowercase Latin letters. The rules for naming BEM entities were developed in order to make entity names unambiguous and easy to understand. But none of these names helps us understand that menu is a block, item is an element, and visible is a modifier. In the last two examples, the name is clearly divided into its parts.
To understand the meaning of the first name, you need read through each word carefully. The primary purpose of the naming convention is to give names meaning so that they are as informative as possible for the developer.Ĭompare the same name for a CSS selector that is written in different ways: The same BEM entity always has the same name in all technologies (CSS, JavaScript, and HTML).
0 kommentar(er)
