博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
伪类选择器:first-child和:nth-child()和:first-of-type
阅读量:5154 次
发布时间:2019-06-13

本文共 544 字,大约阅读时间需要 1 分钟。

x:first-child和x:nth-child(1)功能一样,首先选中的是x元素,并且x元素必须是它父元素的第一个子元素,选择器才成立,否则不能选中。其中x也可以是选择器。由此看出nth-child功能强劲,完全可以代替first-child的功能。nth-last-child和nth-child的区别就是反向查找

x:first-of-type,选择x元素的父元素的首个 x元素,但x不一定是它父元素的第一个子元素,x也不一定是标签选择器,也可以是id选择器、类选择器等。同理nth-of-type(1)可实现first-of-type的功能,nth-of-type和nth-last-of-type的区别也是反向查找

 x:only-child选择是独生子女的x(父元素只有一个子元素就是x)

x:only-of-type选择是父元素的子元素中唯一的x(父元素可能有多个子元素但x元素只有一个)

 

这是标题

这是第一个段落。

这是第二个段落。

这是第三个段落。

这是第四个段落。

  http://www.w3school.com.cn/cssref/css_selectors.asp

转载于:https://www.cnblogs.com/qdog/p/7081728.html

你可能感兴趣的文章
NOI2018垫底记
查看>>
快速切题 poj 1002 487-3279 按规则处理 模拟 难度:0
查看>>
Codeforces Round #277 (Div. 2)
查看>>
【更新】智能手机批量添加联系人
查看>>
NYOJ-128前缀式计算
查看>>
淡定,啊。数据唯一性
查看>>
深入理解 JavaScript 事件循环(一)— event loop
查看>>
Hive(7)-基本查询语句
查看>>
注意java的对象引用
查看>>
C++ 面向对象 类成员函数this指针
查看>>
NSPredicate的使用,超级强大
查看>>
自动分割mp3等音频视频文件的脚本
查看>>
判断字符串是否为空的注意事项
查看>>
布兰诗歌
查看>>
js编码
查看>>
Pycharm Error loading package list:Status: 403错误解决方法
查看>>
steps/train_sat.sh
查看>>
转:Linux设备树(Device Tree)机制
查看>>
iOS 组件化
查看>>
(转)Tomcat 8 安装和配置、优化
查看>>