Rules for style naming when writing CSS code

What to note:

First, the name of the selected word should choose not too specific to express a certain state (such as color, size, etc.) words, to avoid when the state changes when the names lose meaning.

Second, the style class name consists of a lowercase letter (A-Z), a number (0-9), an underscore (_), a minus sign (-) that starts with a letter.

The ID name consists of a lowercase letter (A-Z), a number (0-9), and an underscore (_) that does not begin with a number.

You can use a rule similar to the following:

[Module Prefix | type | function]_[name]_[status | location]

The words or abbreviations used by the contract module, type, state, position, etc. are kept in the order above, as far as possible to maintain the use of two to three words.

Cases:

General noun abbreviation

Setting set

Success SUC

Hint hint

Operation op

Password pw

Menus Menu

Button BT

Text TX

Color C

Background bg

Border Bor

Center Center

Icons icon

Pop Pop

Text input box. Input_tx

Password input box. INPUT_PW

Login password input box. input_pw_login

Log setup success prompt. Hint_suc_blogset

Album pop-up settings layer. Pop_set_photo

Public hints. HINT_BG

Text color. C_tx

Paragraph text color. c_tx_p