css - 第二个 child 的伪选择器与第一个 child 完全一样

标签 css

是否有一个相同的伪选择器,其行为类似于 :first-child 但具有父元素的第二个子元素?

我用过 :nth-child(2) 但这是唯一的等价物,它似乎在应用样式时解析略有不同。我也喜欢 :first-child

的易读性

如果那是等效的,为什么使用 :first-child 而不是 :nth-child(1) 什么是最支持访问第一个和第二个 child 的正确选择器div容器的元素?

最佳答案

不,没有这样的选择器。你应该使用 :nth-child(2)

并且 :first-child:nth-child(1) 兼容旧浏览器,所以我们使用 :first-child

如果您使用的是 :nth-child(2),您应该不会混淆使用 :nth-child(1)

关于css - 第二个 child 的伪选择器与第一个 child 完全一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27492494/

相关文章:

javascript - 如果 jinja2 中的字符串包含该单词,则突出显示该单词

html - 我的 Github 页面不会将自定义 css 文件应用到网站

css - Angular Material Snackbar 改变颜色

jquery - 图片在 webkit 中乱七八糟

javascript - 网格容器中的无限行

javascript - 以表格/网格格式呈现 div

Firefox 中的 CSS3 框阴影渲染问题

javascript - 显示对话框(通过警报或 sweetalert)滚动到页面顶部

css - Firefox - Google 字体,希腊语不适用于 Roboto

jquery - 将鼠标悬停在 jquery 中的另一个 div 上时,将一个 div 的线性渐变背景更改为另一个线性渐变