CSS3 :nth-child() 选择器
来源:互联网 发布:php程序员都需要什么 编辑:程序博客网 时间:2024/06/06 03:32
最近做项目的时候,需要修改jqGrid源代码来修改外观,把模态框(弹出框)从原来的竖直显示变成多列显示,而jqGrid插件是自动根据绑定数据来生成前端样式的,由于对CSS并不熟悉,经过一整天才相处了解决办法
nth-child()用于选择子元素
这是我原创的加入jqGrid源代码的css样式,会根据弹出框的显示条目数来自动决定是否浮动显示(即是直接垂直显示,还是分两列显示)
.ui-jqdialog-content table tr {float:left;padding-left:10px;padding-right:10px}.ui-jqdialog-content table tr :nth-child(n+9):nth-child(odd):nth-child(n-9){float:left;}.ui-jqdialog-content table tr :nth-child(n+9):nth-child(even):nth-child(n-9){float:right;}
阅读全文
0 0
- CSS3:nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3 :nth-child() 选择器
- CSS3学习 :nth-child() 选择器
- CSS3的nth-child选择器
- CSS3:nth-child(x) 选择器
- CSS3伪类选择器:nth-child()
- CSS3伪类选择器:nth-child()
- CSS3 :nth-child()伪类选择器
- CSS3伪类选择器:nth-child()
- CSS3 :nth-child()伪类选择器
- CSS3 :nth-child()伪类选择器
- CSS3 伪类选择器 nth-child()说明
- CSS3 :nth-child()伪类选择器
- 谷歌开源深度学习街景文字识别模型
- 【JavaSE系列-基础篇6】——有界类型参数
- 【笔记】Linux 文件与目录管理
- JVM学习(4)——全面总结Java的GC算法和回收机制
- ThreadPoolExecutor 是如何做到线程重用的
- CSS3 :nth-child() 选择器
- Sublime 3 下运行 JAVA
- 【科普】什么是SSL握手
- FreeBSD的dts生成dtb文件
- 微信小程序开发--富文本插件wxParse的使用
- 侧滑返回上一界面
- unity基本知识点
- Asp.net管理信息系统中数据统计功能的实现
- 有序数组求两个数的和为某个值O(n)解法