html - 将 :target 样式应用于目标 div 内的 div？

Question

希望仅将 :target 样式应用于 id="item1" 的 div 内的 div。我这样做是为了我可以使用填充来获取与窗口顶部间隔开的引用 div，但只有围绕文本的样式（而不是在顶部有一个也继承样式的大填充）。

html:

<a href="#item1"> Item 1 </a>

<div id="item1" style="padding-top: 30px;">
<div class="I want only this div with coloured background">
  <h4>item1 title</h4>
  <p>item1 content</p> 
</div>
</div>

CSS：

:target {
  padding: 2px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;}

在此先感谢您的帮助！

回答：

CSS：

:target > div {
  padding: 2px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;}

Answer 1

从OP指定的问题中提取

:target > div {
  padding: 2px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
}