p:last-child
{
background:red;
}
解释：p标签父元素的最后一个子元素如果为p元素，则设置背景色为red；言外之意，如果最后一个元素不是p，则不起作用；（记住不是最后一个p标签，是最后一个元素）
举例：
<body>
<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<div>123</div>
</body>
<body>
<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p> // 该p标签背景被设置为red
</body>
:first-child等同于:nth-child(1)
:last-child等同于:nth-last-child(1)
:nth-child(n):nth-last-child(n)关于3,4中的n，可以理解为1,2,3,4....，表示第几个、倒数第几个；也可以为2n,则为偶数；也可以为2n+1，表示奇数...
前提理解 解释：p标签父元素的最后一个子元素如果为p元素，则设置背景色为red；言外之意，如果最后一个元素不是p，...
CSS3 first-child/last-child nth-child CSS3 伪元素选择器 :first-...
知识点： css之nth-child()，first-child()，last-child() eval() vu...
css选择器中:first-child与:first-of-type的区别 :first-child选择器是css...
css伪类 下面是自己使用过 伪类的几种场景 :last-child 利用 css:last-child，实现循环...
css: css ='body > div:nth-child(7) > div > div.el-dialog_...
target:nth-child(n) jQuery 用CSS选择器来选取元素,target:nth-child(...
CSS伪类 :first-child & :first-type-child 傻傻分不清 前者要满足标签匹配，还有...
一、ie8的css兼容 1、ie8支持:first-child,但不支持:last-child。因为前者是css2...
html 代码 css 代码 发现 last-child 和 first child 中的样式不生效。然后把 ht...
本文标题：css关于child
本文链接：https://www.haomeiwen.com/subject/qxjpaltx.html
网友评论