sass(scss)でHTML内のテキストを取得することはできますか

Question

scssでHTML内のテキストを取得することは可能でしょうか？
以下のようなコードで「佐藤」と「鈴木」で文字色を変えたいのですが、dtで囲まれた文字を取得し、
「佐藤」なら赤色、「鈴木」なら青色というふうに条件分岐ができればと考えています。
（一々クラスを付与すればいい話なのですが、コードを減らしたかったので質問した次第です）
色々調べたのですが、やり方がわからず、そもそもsassでHTML内のテキストを取得することが不可能なのかもわからない状態です。
ご教授頂けますと幸いです。

<dl>
  <dt>佐藤</dt><dd>テキストテキスト</dd>
  <dt>鈴木</dt><dd>テキストテキスト</dd>
  <dt>佐藤</dt><dd>テキストテキスト</dd>
  <dt>鈴木</dt><dd>テキストテキスト</dd>
  <dt>鈴木</dt><dd>テキストテキスト</dd>
…
</dl>

Answer 1

素のテキストを判別してstyleを変更するにはjsじゃないでしょうか。

<dl>
  <dt data-name="佐藤">佐藤</dt>
  <dd>テキストテキスト</dd>
  <dt data-name="鈴木">鈴木</dt>
  <dd>テキストテキスト</dd>
  <dt data-name="佐藤">佐藤</dt>
  <dd>テキストテキスト</dd>
  <dt data-name="鈴木">鈴木</dt>
  <dd>テキストテキスト</dd>
  <dt data-name="鈴木">鈴木</dt>
  <dd>テキストテキスト</dd>
</dl>

dt[data-name="佐藤"] {
  color: red;
}
dt[data-name="鈴木"] {
  color: blue;
}

Comments

[arin1128]

なるほど！
cssだけで実現させるには、data属性で個々に認識させるしかないのですね。
大変参考になりました。
ご回答ありがとうございました！