Listの中にaタグ　スタイル適応されない

<a>タグの中に<div>タグを入れてあります。
スタイル（.twitter）がなぜか適応されません。
デベロッパーツールで見てみましたがスタイルのとこに.teitterは表示されてませんでした。
わかる人がいましたら教えてください

<ul>
<list>
 <a>
  <div class="twitter">
    <img src="/images/twitter.svg" />
  </div>
 <a>
</list

style

 .twitter {
    width: 600px;
    height: 56px;
    align-items: center;
}

Lhankor_Mhy

2020/05/25 06:53

「適応されません」とは具体的には何が起きていますか？

kakedashidesu

2020/05/25 07:10

何が起きているとは？エラーとかは出ていないです

Lhankor_Mhy

2020/05/25 07:17

どういう現象を目撃することによって「適応されません」という感想を持つに至ったのか、その事象について、できるだけ主観を除いて事実だけをご提示いただけますか？

Lhankor_Mhy

2020/05/25 07:34

わかりにくいでしょうか？別の言い方をすれば、「適応されている」とはどういう表示結果で、「適応されていない」とはどういう表示結果なのか、あなたと私は共有できていないのではないでしょうか？ということです。おそらく、あなたの頭の中では「こういう表示にしたい」という「適応されている」状態、つまり「正解」があるのだと思います。そして、その「正解」とは異なった状態なので「適応されていません」とおっしゃっているのだと思います。ですから、逆に、その「正解」を他の人にわかるように表現してください、ということでもあります。

Lhankor_Mhy

2020/05/25 07:45

そして、なぜ、「正解」を共有していた方がいいのか、というと、行き違いが発生するからです。たとえば、当方でご提示のこのコードを試してみましたが、CSSは適応されているようでした。しかし、私が「適応されていますよ」と回答したとして、その「適応されている」状態というのは、あなたの言う「適応されている」と同じであるとは限らないですよね？下手をすると、同じ結果を見ながら「適応されている」「適応されていない」という別の意見を言っている可能性もあるわけです。これはすごく無駄だと思いませんか？ https://twitter.com/lhankor_mhy/status/1169432868705075200?s=12