CSSでdiv毎に背景色とフォントサイズを適用する方法

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/