html – 在CSS中选择直接AND第一个孩子

概述我有这样的html设置： <div class = "myClass"> <div> <a>Content</a> <p><a>Content</a></p> </div> <p><a>Content to CHANGE!</a></p> <p>Content</p></div> 我只想在标有“要改变的内容” 我有这样的HTML设置：

<div class = "myClass">     <div>         <a>Content</a>         <p><a>Content</a></p>       </div>     <p><a>Content to CHANGE!</a></p>     <p>Content</p></div>

我只想在标有“要改变的内容”的内容中添加10px margin-top.这个< p>是一个class =“myClass”的直接孩子我是相信的,它是第一个是< p&gt ;; 但是这种CSS样式不起作用：

.myClass p:nth-child(1) {    margin-top: 10px;}

要么

.myClass > p:nth-child(1) {    margin-top: 10px;}

谁知道为什么？

解决方法 因为p不是.myClass的第一个孩子. < div>是.使用：

.myClass p:first-of-type

您可能还想使用

.myClass > p:first-of-type

明确选择孩子.

总结

以上是内存溢出为你收集整理的html – 在CSS中选择直接AND第一个孩子全部内容，希望文章能够帮你解决html – 在CSS中选择直接AND第一个孩子所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。