$(document).ready(function() {
var objs=$("#tab1 tr")
for (var i=0i<objs.lengthi++){
$("#"+objs[i].id).css("background",(i%2==0)? 'red' : 'white')
}
})
如果是不同的颜色,就把颜色放到一个数组里面,在循环中从里面取颜色就行了
alt+鼠标左键。1关于颜色的css代码,把鼠标移动到这段代码上时,一个颜色选择器窗口就会显示出来,可以通过它来修改选择自己想要的颜色;
2ctrl+shift+p调出命令面板;
3alt+鼠标左键选中多行同时编辑;
4ctrl+shift+L选中编辑代码中相同的内容;
5选中多行,按tab键可统一向右移动;
6选中文本后,Ctrl+[和Ctrl+]可实现文本的向左移动和向右移动;
7按住Ctrl+Alt,再按键盘上的上或下键,可以使一列上出现多个光标;
8选中一段文字,按shift+alt+i,在每行末尾都会出现光标;
9按shift+alt,再使用鼠标拖动,也可以出现竖直的列光标,同时可以选中多列;
10按ctrl+f,可以搜索当前页面。
首先你要有一个合理的布局:<div class="box">
<ul class="list">
<li>1111111111111</li>
<li>2222222222222</li>
<li>3333333333333</li>
<li>4444444444444</li>
</ul>
</div>
用一个盒子包住一个无序列表,把盒子模型的宽度固定,当li没有宽度的时候,它就是单列的,当li有宽度而且浮动的时候,可以随意变成多列多行。
现在假设盒子模型宽是450~左右内边距是10:
样式一(一列多行):
*{padding:0margin:0}//初始化内外补白
li{list-style:none}//初始化列表
.box{width:450pxpadding:10px}
.box .list li{line-height:24px}
样式二(二列多行):
*{padding:0margin:0}//初始化内外补白
li{list-style:none}//初始化列表
.box{width:450pxpadding:10px 0 10px 10px}//这时候列表的宽度只剩下450-10=440,可以把宽度定为210加10右边外补白
.box .list{zoom:1}
.box .list:after{content:""height:0clear:bothdisplay:block}//清除浮动
.box .list li{widht:210pxline-height:24pxfloat:leftmargin-left:10px_display:inline}//两个220刚好440的宽