将目标样式应用于目标div内的div？

寻求应用：目标样式只适用于div内的div，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;}

来源

2013-07-08 user2379921

规定的问题提炼如果你已经回答了你自己的问题，请透过实际创建一个答案，接受它或删除问题。 – j08691

[css selector for first direct child only]的可能重复（http://stackoverflow.com/questions/2094508/css-selector-for-first-direct-child-only） –

由OP

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

来源

2013-07-08 06:53:01

将目标样式应用于目标div内的div？

回答

相关问题