cssのクラス名でよくある命名でコードヒントを出したい時に使うリスト
ほとんど自分のメモ用です。
htmlを打っている時にcss命名が思いつかない事があります。
とりあえず頭のアルファベットを打ってコードヒント表示して、その中でclassを命名したいのです。
こちらの記事によくある命名ルールが載ってたので引用しました。
この中の文字列をcssでコードヒントが表示されるように書き換えました。
この文字列をcssにコピペして、使わないclass名以外は後で削除するなりして使用するつもりです。
.wrap{ } .wrapper{ } .top-wrapper{ } .wrapperAll{ } .frame{ } .mframe{ } .all-frame{ } .container{ } .page{ } .pagetop{ } .all{ } .allContents{ } .layout{ } .layout-two-column{ } .layout-three-column{ } .body{ } .carrier{ } .head{ } .header{ } .headerArea{ } .headline{ } .nav{ } .navi{ } .navigation{ } .navbar{ } .gnav{ } .gnavi{ } .g-navi{ } .globalnav{ } .global-navi{ } .globalNavi{ } .globalnavigation{ } .globalHeader{ } .mainNavigation{ } .contentNavi{ } .stinfo-navi{ } .topNav{ } .topicpath{ } .topic-path{ } .topicPath{ } .pan{ } .pankuzu{ } .breadcrumbs{ } .aside{ } .menu{ } .menuArea{ } .mainmenu{ } .site-menu{ } .side{ } .side-container{ } .sidebar{ } .sidemenu{ } .localMenu{ } .rightside{ } .leftside{ } .rightcol{ } .leftcol{ } .sub{ } .sub-menu{ } .area{ } .main{ } .mainContent{ } .center{ } .left{ } .right{ } .content{ } .contents{ } .main-contents{ } .left-contents{ } .right-contents{ } .contents-inner{ } .contentsArea{ } .column{ } .left-column{ } .right-column{ } .wrapperContent{ } .contentColumn{ } .content-block{ } .base{ } .entries{ } .mainbox{ } .right-body{ } .left-body{ } .section{ } .article{ } .articleBody{ } .item{ } .box{ } .inner{ } .entry{ } .entryBody{ } .entryblock{ } .entrydate{ } .separator{ } .bodyArea{ } .block{ } .outline{ } .sub{ } .lead{ } .spot{ } .frame-margin{ } .foot{ } .footer{ } .footnavi{ } .footerArea{ } .footerbar{ } .globalfooter{ } .copy{ } .copyright{ }