child-selector解释

这个伪类选择器应该叫孩子选择器，意思是选择网页中所有父节点的第一个子节点，并且这第一个子字节点必须是指定标签元素

写法有

:first-child

:last-child

:nth-child(odd)

:nth-child(even)

:first-child解释：

 1 <div class="sidebar">
 2      <p>1</p>
 3      <p>2</p>
 4 </div>
 5 <div class="main">
 6     <a>3</a>
 7     <p>4</p>
 8 </div>
 9 <div class="foot">
10     <p>5</p>
11     <p>6</p>
12 </div>

css样式这样写

1 :first-child{background:red;}

则所有父节点下面的第一个子节点且为p标签的才会背景颜色为红色，显示红色的为1,5,；3因为是a标签所以不符合条件

转载于:https://www.cnblogs.com/hongrunhui/p/4314129.html

child-selector解释相关推荐

java injector_java – Injector Hierarchy / Child Injector解释？
Modules.override()在Stage.PRODUCTION中不起作用.您应该使用PrivateModule,其中绑定仅在私有模块内有效/可见,因此您可以将不同的实现类绑定到同一个接口.然后 ...
xpath和css selector
参考:https://www.cnblogs.com/captainmeng/p/7852044.html css selector解释:https://www.cnblogs.com/feng081 ...
“〜”（波浪号/波浪形/旋转）CSS选择器是什么意思？
本文翻译自:What does the "~" (tilde/squiggle/twiddle) CSS selector mean? Searching for the ~ ch ...
深入理解浏览器解析和执行过程
在我们公司的业务场景中,有很大一部分用户是使用老款安卓机浏览页面,这些老款安卓机性能较差,如果优化不足,页面的卡顿现象会更加明显,此时页面性能优化的重要性就凸显出现.优化页面的性能,需要对浏览器的渲染 ...
011_CSS子元素选择器
1. 与后代选择器相比, 子元素选择器(Child selectors)只能选择作为某元素的子元素. 2. 选择子元素 2.1. 如果您不希望选择任意的后代元素, 而是希望缩小范围, 只选择某个元素的 ...
最全前端开发面试问题及答案整理
来自Github秋风的原文说说你对闭包的理解 Talk about your understanding of closures 使用闭包主要是为了设计私有的方法和变量.闭包的优点是可以避免全局变量 ...
CSS每日学习笔记（2）
7.31.2019 1.CSS定位:允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置. CSS 有三种基本的定位机制:普通流.浮动和绝对定位.除非专 ...
html和css的重难点知识
目录 html总难点总结: 1. 块级标签与内联标签的区别 1.1 块级标签: 1.2 内联标签: 2. 选择器 2.1 定义 2.2 选择器的分类 2.1 选择器的分类 3. css中margin, ...
css选择器所有后代,CSS 后代选择器
具体应用后代选择器的功能极其强大.有了它,可以使 HTML 中不可能实现的任务成为可能. 假设有一个文档,其中有一个边栏,还有一个主区.边栏的背景为蓝色,主区的背景为白色,这两个区都包含链接列表.不 ...
有利于SEO的div+CSS的命名规则小结（技巧）
一.CSS文件及样式命名 1.CSS文件命名规范全局样式:global.css: 框架布局:layout.css: 字体样式:font.css: 链接样式:link.css: 打印样式:print. ...

child-selector解释

child-selector解释相关推荐

最新文章

热门文章