[Sass]アンパサンド指定した要素にCSSが適用されない。

Question

前提・実現したいこと

メッセージ要素ににCSSを適用しようとしたところ。
https://gyazo.com/a46da5c74a54ec20c4935cf8135bd6e2
このようにCSSが適用されなかった。
CSSは、

&__message{

    font-weight: bold;
    background-color: red;

}

であった。
このアンパサンドは親要素を指定しているものであるが、親要素が
.chat-main__message_list
であるから
.chat-main__message_list__message
と同じであると考えた。

そこで、このクラスを直接指定して、

.chat-main__message_list__message{
font-weight: bold;
background-color: red;
}
としたところ、なぜかCSSが適用された。
https://gyazo.com/c101d760b5a55e0eb96794d229c88be3
アンパサンドは親要素指定があるはずなのになぜ適用されなかったのか。

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

＆指定してCSSが適用されない。

### 該当のソースコード

```ここに言語名を入力
Rails, Sass

試したこと

ここに問題に対して試したことを記載してください。
クラスを直接指定してCSSを適用したら上手く適用された。

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

ここにより詳細な情報を記載してください。

Answer 1

該当箇所のhamlが下記のような構造で、

.chat-mainmessage_list
	.chat-mainmessage_list__message
		テキストテキスト

scssが下記のようにネストされていれば効くと思います！

.chat-mainmessage_list{
~省略~

	&__message{
	font-weight: bold;
	background-color: red;
	}

}

hamlも載せてもらえるとわかりやすいです！

Answer 2

CSSですかSassですか？
タイトルではSassとあるのですが、本文はCSSとあるので確認。

SassでしたらVersionを。3.3ですか？

以上がそうであるとして、書き方が違います
#{&}__message としてください