最近项目中遇到需求：只在第一列不能删除，不显示小叉号；点击可添加一列，后面的列右上角显示小叉号，可以点击删除。
：CSS伪类选择器:first-child设置所有小叉号不显示，当点击添加一列时，用jQuery过滤选择器只控制第一个不显示小叉号
{:;:;:;:;:;:;:;
display:<span style="color: #0000ff;"> none;
}
//或者
}<span style="color: #800000;">
.rule-delete:first-child
display:<span style="color: #0000ff;"> none;
}
//或者
.rule-delete:nth-child(1) {
display: none;
}
在解决的过程中，我还踩了了个坑，误用:frist-child。为了避免以后继续踩坑，现在用个小例子记录下jQuery过滤选择器:first和:first-child的区别。
irst过滤器只匹配第一个子元素，而:frist-child过滤器将为每个父元素匹配一个子元素。
对于下面的HTML代码：
John
Karl
Brandon
Glen
Tane
Ralph
$("ul li:first").text();得到的结果为John.
$("ul li:first-child").text();得到的结果为John和Glen.
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
