【CSS】liタグの中全部に影がついてしまう。

Question

前提・実現したいこと

CSSでliタグに:hover{boxshadow}で影をつけると、liタグの中のpタグやimgにも影が付いてしまいます。
liタグの周囲四辺にだけ、hoverで影を付けたいのですがどうすれば良いでしょうか？

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

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

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

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

Comments

[Lhankor_Mhy]

試してみましたが、そのような問題は起きませんでした。
問題が再現するコードをご提示ください。

[m.ts10806]

HTMLも含めてコピペで再現可能な情報を提示してください。
確認したブラウザ、バージョン、画面キャプチャも

Answer 1

li :hover {/*略*/}/*
  ↑ 半角スペースを入れていると予想 */
```↓
```CSS
li:hover {/*略*/}

Comments

[yuki246]

解決しました。ありがとうございます！！

Answer 2

ちょっと質問の意図がわかりません

<style>
li:hover{
width:200px;
border:solid 1px black;
  box-shadow: 12px 12px 2px 1px rgba(0,0,0,.2);
}
</style>
<ul>
<li>1<p>p<p></li>
<li>2</li>
<li>3</li>
</ul>