css 中 first-child 是啥意思

Posted 2023-04-01

css2里的伪类均摊符，意思是：匹配父元素的第一个子元素
你可以在css手机里可以查到这个伪类选择符
比如：
<ul>
<li>列表项一</li>
<li>列表项二</li>
<li>列表项三</li>
<li>列表项四</li>
</ul>
在上述代码中，如果我们要设置第一个li的样式，那么代码应该写成li:first-childsRules，而不是ul:first-childsRules。其它相关的伪类都如此。 参考技术A 指的是指定元素的第一个子元素
例子
p a:first-child color: green p标签里边第一个a标签的链接颜色为绿色
table td:first-child width:200px; 表格中第一列的宽为200px本回答被提问者采纳 参考技术B 　　CSS :first-child 选择器
　　定义和用法
　　:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。

　　实例
　　选择属于其父元素的首个子元素的每个 <p> 元素，并为其设置样式：
　　p:first-child

background-color:yellow;


　　设置每个 <ul> 的首个子元素，并设置其样式：
　　ul>:first-child

background:yellow;
参考技术C 第一个子元素，比如
<div>
<p>这个元素</p>
<p>元素</p>
<p>元素</p>
</div> 参考技术D 当前父元素的第一个子元素