スタイルシートの詳細度

b{color:pink;}

#docchi{color:red;}

.docchi{color:blue;}

</style>

<b id=”docchi” class=”docchi”>　赤色か青色かピンクか　</b>

さて、青色だと思うひとがいるでしょうが、正解は赤色です。

これが詳細度（優先順位）です。クラスよりもIDのクラスが優先されます。