应用：目标样式到目标div内的div？

Question

寻求申请：仅将目标样式定位到div内的div，其中id =“item1”。我这样做是为了让我可以使用填充来使引用的div与窗口的顶部隔开，但只有样式围绕文本（而不是在顶部还有一个大的填充，也继承了样式）。 / p>

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;
}