首页 > 程序开发 > 综合编程 > 其他综合 >

CSS3 :nth-child() 选择器

2017-07-13

CSS3 :nth-child() 选择器。最近做项目的时候,需要修改jqGrid源代码来修改外观,把模态框(弹出框)从原来的竖直显示变成多列显示,而jqGrid插件是自动根据绑定数据来生成前端样式的,由于对CSS并不熟悉,经过一整天才相处了解决办法

最近做项目的时候,需要修改jqGrid源代码来修改外观,把模态框(弹出框)从原来的竖直显示变成多列显示,而jqGrid插件是自动根据绑定数据来生成前端样式的,由于对CSS并不熟悉,经过一整天才相处了解决办法

nth-child()用于选择子元素
这里写图片描述vcHQz9TKvqOpPC9wPg0KPHByZSBjbGFzcz0="brush:java;"> .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;}

相关文章
最新文章
热点推荐