テキスト装飾など複数使う場合の書き方

Question

初歩的な質問ですみません。

  <div class="midashi">あああ</div>

.midashi{
  color: #04773B;/*文字色*/
  font-size: 120%;
  font-weight:bold;
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #04773B;
  margin:20px 10px 20px 10px;
}

っという形で見出しを使ってるのですが、これにページ内リンクを追加したいと思ってます。
その場合

ジャンプボタン
<a href="#midashi1">あああ</a>

ジャンプ先
<div class="midashi" id="midashi1">あああ</div>

この用にdiv class～に続けて記載すればいいのでしょうか？

こういう複数のを指定するときスマートなやりかたも教えて頂けると助かります。

ちなみに今までブログサービスのを適当に使ってたので知識はゼロに近く、色変更とサイズ変更を使うときなど、

<span style="color:#33CC00"><b><span style="font-size:x-small;">あああああああ</span></b></span>

このような感じで記載してました汗

Answer 1

まず、ページ内リンクについてはあっています。

あとは

<span class=emphasis>あああああ</span>

.emphaisis {
  color: #33CC00;
  font-size: x-small;
  font-weight: bold
}

らへんで良いでしょう

Comments

[panisyo]

複数指定もCSSでやればいいんですね！早速やってみます。
回答ありがとうございました。助かりました。