How to name CSS correctly

Everyone knows that CSS naming has its rules and methods, but what do you know? This article mainly shares CSS naming rules and naming methods with you, hoping to help you.

CSS Naming Rules

Header: header

Content: content/containe

Trailer: footer

Navigation: nav

Sidebar: sidebar

Column: column

Page peripheral control overall layout width: wrapper

Left and right center: left
                                                                                                                                                                                        .
# Login bar: loginbar

Logo: logo

Advertisement: banner

Page body: main

Hotspot: hot

News: news

Download: download

Sub-navigation: subnav

Menu: menu

Sub-menu: submenu

Search: search

Friendly link: friendlink

Footer: footer

Copyright: copyright

Scroll: scroll

Content: content

Tag page: tab

Article list: list

Prompt message: msg

Tips: tips

Column title: title

Join: joinus

Guide: guild

Service: service

Registration: regsiter

Status: status

Vote ：vote

Partner：partner

-------------------------------- ----

Naming rules for CSS+p:

Login bar: loginBar

Logo: logo

Sidebar: sideBar

Advertisement: banner

Navigation: nav

Sub-navigation: subNav

Menu: menu

Sub-menu: subMenu

Search: search

Scroll: scroll

Page body: main

Content: content

Tag page: tab

Article List: list

Prompt information: msg

Tips: tips

Column title: title

Friendly link: friendLink

Page Foot: footer

Join: joinus

Guide: guild

Service: service

Hotspot: hot

News: news

Download: download

Registration: regsiter

Status: status

Button: btn

Vote: vote

Cooperation Partner: partner

Copyright: copyRight

Related recommendations:

CSS naming convention saves debugging time answer

CSS naming rules

HTML+CSS naming rules introduction

The above is the detailed content of How to name CSS correctly. For more information, please follow other related articles on the PHP Chinese website!