• 欢迎光临~

CSS常用选择器

开发技术 开发技术 2022-05-31 次浏览

p:first-child 选择属于其父元素的首个子元素的每个 <p> 元素

<body>
<p>这个段落是其父元素(body)的首个子元素。</p> //选择
<h1>欢迎访问我的主页</h1> <p>这个段落不是其父元素的首个子元素。</p> <div> <p>这个段落是其父元素(div)的首个子元素。</p> //选择 <p>这个段落不是其父元素的首个子元素。</p> </div> <p><b>注释:</b>对于 IE8 及更早版本的浏览器中的 :first-child,必须声明 <!DOCTYPE>。</p>
<body>
.formdata >>> .el-form-item__content:first-child {
  text-align: right;
}
p:last-child指定属于其父元素的最后一个子元素的 p 元素
<body>
<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>
<p>第五个段落。</p>
</body>

 

程序员灯塔
转载请注明原文链接:CSS常用选择器
喜欢 (0)