在CSS3中,除了基本选择器之外,还有一类伪类选择器,如last-child、only-child、nth-child等。那么,如果要设置表格行间隔色,该如何实现?
工具/原料
Windows7
HTML5
CSS3
方法/步骤
1、第一,打开HBuilder开发工具,新建HTML5页面文件,然后插入一个table表格
2、第二,添加style标签,利用标签选择器,设置表格样式,如宽度、行高、边框等
3、第三,保存代码并打开浏览器预览,可以查看到表格样式,行没有间隔色
4、第四,利用nth-child伪类选择器,配合odd和even伪类选择器,设置表格奇数行和偶数行的背景色
5、第五,再次保存代码并刷新浏览器,可以看到表格主体行显示间隔色
6、第六,除了使用odd和even之外,还可以使用2n和2n+1,设置奇数和偶数行背景色