CSSのセレクタ指定について

Question

CSSのセレクタ指定について1つ質問があります。

HTML側で「あいうえお」というテキストに、CSS側で文字色を赤としたいなった際
次のどちらのセレクタ指定を使うのがいいのでしょうか。

①詳細を絞っていくやり方

<div class="box">
  <p>あいうえお</p>
</div>

.box p{
 color: red;

②pタグにクラス名をつけてあげるやり方

<div class="box">
  <p　class="text">あいうえお</p>
</div>

.text{
 color: red;

一般的なコーディングをする際は、どちらが使われることが多いのでしょうか。

Answer 1

コーディングするサイトによると思います。例えばboxの中のpタグは赤色だけという場合は①
boxの中のpタグはそれぞれ違う色だったら②
というようにコーディングするサイトによって変えてくのがいいと思います

Answer 2

２でしょうか。

.red-text {
  color: red;
}

とすることが多いかと。
p全体の色を変えることもあれば、

<p>あい<span class="red-text">う</span>えお</p>

このように一部だけ色を変えたりもするので、タグではなくてクラス名を付けています。