HTML側で下記のようにクラスを指定しておきます。

<div class="tokyo">
東京
</div>

<div class="kanagawa">
神奈川
</div>

<div class="osaka">
大阪
</div>

<div class="nagoya">
名古屋
</div>

スタイルシート側で、クラス毎にフォントサイズと背景色を適用できます。


div.tokyo{
font-size: 20px;
background-color:red;

}

div.kanagawa{
font-size: 20px;
background-color:blue;

}

div.osaka{
font-size: 20px;
background-color:green;

}

div.nagoya{
font-size: 20px;
background-color:aqua;

}

サンプルソース
https://tokyo-webs.jp/sample_source/130217a/