CSS3中:only-child选择器的实例场景
来源:互联网 发布:曲库最全的音乐软件 编辑:程序博客网 时间:2024/06/06 09:33
图片一:
图片二:
需求:
点左侧的箭头向右侧添加一条记录,点右侧的差号侧向左侧添加一条记录;右侧有一条规则是:如果只有一条记录时,则这条记录不能向左侧添加同时这个差号不再显示;
在CSS里有一个only-child选择器;用这个选择器我们可以解决这个问题;
ul li:only-child .remove{ display:none;}
only-child支持到IE9以上浏览器;可以借助JS来支持IE8浏览器;
:only-child:它的意思是当li元素只有一个的时候才会执行li内层的.remove选择器,这时就不显示class选择器.remove它了;
0 0
- CSS3中:only-child选择器的实例场景
- 【CSS3】only-child选择器
- CSS3中only-child伪类选择器
- 【CSS3】---only-child选择器+only-of-type选择器
- CSS3的nth-child选择器
- only-child选择器
- css3中nth-child选择器和nth-of-type选择器的区别
- CSS3:nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3 :nth-child() 选择器
- 选择器——:only-child
- 【CSS3】:read-only选择器
- jquery 的:first-child 和:last-child 选择器实例
- CSS3学习 :nth-child() 选择器
- 侧边栏+上拉加载更多,下拉刷新,列表带滑动菜单(功能有点仿QQ主界面,和139邮箱类似)
- 使用命令对apk重签名
- The BSD syslog Protocol
- adb server is out of date. killing完美解决
- MyBatis学习总结(五)——实现关联表查询
- CSS3中:only-child选择器的实例场景
- tableView
- Android Studio设置鼠标悬停显示文档提示
- Google深度学习笔记 文本与序列的深度模型
- 基础总结篇之三:Activity的task相关
- 写给 Node.js 学徒的 7 个建议
- liger UI tree DATA添加值
- android-Camera.Face
- 学习设计模式前言