Close

Not a member yet? Register now and get started.

lock and key

Sign in to your account.

Account Login

Forgot your password?

CSS設計規範[4]-命名範例

以下列舉幾個常用的名稱。

Layout

  • #wrapper
  • #header
  • #content-wrapper
  • #content-main
  • #content-nav
  • #content-sidebar
  • #footer

Common

  • .clearfix
  • .clear
  • .reset

form

  • .length-xxs
  • .length-xs
  • .length-s
  • .length-m
  • .length-l
  • .length-xl
  • .length-x
  • .mark-required
  • .btn

區塊內的命名

  • .article
  • .content
  • .first
  • .last

搭配JS做的命名

  • .active
  • .disabled
  • .default
  • .open
  • .close

Leave a Reply

*