Shulou(Shulou.com)06/03 Report--

This article mainly explains "the explanation and example usage of BEM in css". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "the explanation and example usage of BEM in css".

Description

1. BEM means block, element, and modifier.

Is a front-end naming methodology proposed by the Yandex team. This clever naming method makes your css class more transparent and meaningful to other developers.

2. Through the naming method of bem, the hierarchical structure of css code can be made clear, and the problem of naming conflict can be solved through strict naming, but it can not be avoided completely.

After all, it is only a naming constraint, and it can run without writing according to the specification.

Example

/ * blocks are commonly known as components or modules in Web application development. Each block is logically and functionally independent of each other. The * / .block {} / * element is part of a block. Elements cannot be used without blocks. BEM does not recommend nesting other elements within elements. The * / .block__element {} / * modifier is used to define the appearance and behavior of a block or element. The same block in the application of different modifiers, will have a different appearance * / .block--modifier {} so far, I believe you have a deeper understanding of the "description and example usage of BEM in css", you might as well to actually operate it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.