Description and example usage of Modules in CSS

This article mainly explains "the explanation and example usage of Modules 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 Modules in CSS".

Description

1. CSS Modules refers to introducing css code like import js.

Each class name in the code is an attribute of the incoming object so that you can explicitly specify the referenced css style when you use it.

2. Modules will automatically convert class names to hash values when packaging, which completely eliminates the problem of css class name conflicts.

Example

Use in a project

Test.jsx

Import React, {Component} from 'react';// introduces the style file into import styles from ". / test.css" as a module; export default class Test extends Component {render () {return (Test)}} so far, I believe you have a deeper understanding of "the description and example usage of Modules in CSS". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!