css3 定义每行多少个子元素

html-css010

css3 定义每行多少个子元素,第1张

li:nth-child(3n+1){background:orange}/*匹配第1、第4、第7、…、每3个为一组的第1个LI*/

li:nth-child(3n+5){background:orange}/*匹配第5、第8、第11、…、从第5个开始每3个为一组的第1个LI*/

li:nth-child(5n-1){background:orange}/*匹配第5-1=4、第10-1=9、…、第5的倍数减1个LI*/

其实这个还是有点难度的

如果这些子元素的父元素宽度固定的话

你可以设置每个子元素的宽度为30%

但是你要是不想变动子元素的宽度，那么 在不改变子元素宽度的情况下，“几乎”不能实现。。。

字符串有length属性，是获取字符串的长度

数组也有length属性，是获取数组的长度。

jquery对象是类数组对象，可以直接使用数组的相关方法，也可以使用 $('div').size() 来获取元素数量

别搞混了