[scss]前方一致の正規表現が効かない

実現したいこと

親クラス（.oya）内の子クラス（.ko__capで始まる）の文字を赤くしたい。
ko__cap--Rt、ko__cap--Ltなど、子クラスには何種類があり、「ko__cap」ではじまるものに適用したい

前提

発生している問題・エラーメッセージ

文字が赤くならず、color:red;が効いていない

該当のソースコード

.oya [class^="ko__cap"]{color: red;}

試したこと

.oya .ko__cap--Rt{color: red;}
と記述したところ文字が赤くなったので、正規表現の書き方がおかしいのかもしれません。

補足情報（FW/ツールのバージョンなど）

・コンパイルはうまくいっています。
・Googleデベロッパーツールで確認したところ、他のクラスに上書きされていることもなかったです。
・VScode使用。