広島で働く人のブログ

アイコンはまだ無い

cssのクラス名でよくある命名でコードヒントを出したい時に使うリスト

ほとんど自分のメモ用です。
htmlを打っている時にcss命名が思いつかない事があります。
とりあえず頭のアルファベットを打ってコードヒント表示して、その中でclassを命名したいのです。

css-happylife.com

こちらの記事によくある命名ルールが載ってたので引用しました。
この中の文字列を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{
    
}