css文字数の節約

読み込み時間は文字数に関連するのでminifyするに関わらず少ない方が良い。

wildcardでまとめる。

/*[for="flg-title"]
,[for="flg-mes"]
,[for="flg-hide"]
,[for="flg-auth"]
,[for="flg-list"]
,[for="flg-imgur"]{color:red}*/
[for*="flg-"]{color:red}

<label for="flg-title">title</label>
<label for="flg-mes">mes</label>
<label for="flg-hide">hide</label>
<label for="flg-auth">auth</label>
<label for="flg-list">list</label>
<label for="flg-imgur">imgur</label>

背景はcenter&coverが多い

*{
 font-family: 'Armata',meiryo,sans-serif;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
}