Bootstrap表格樣式
class="table table-striped"斑馬線表格類里為啥要加 table 不是 直接?table-striped嗎 有疑問 求解答
qianqianQ
2016-09-16
1 回答
舉報
0/150
提交
取消
2016-09-16
.table這個類是設置表格的基本信息。
就例如這段，很多是基于.table這個類進行裝飾表格。
.table?{ ??width:?100%; ??max-width:?100%; ??margin-bottom:?20px; } .table?>?thead?>?tr?>?th, .table?>?tbody?>?tr?>?th, .table?>?tfoot?>?tr?>?th, .table?>?thead?>?tr?>?td, .table?>?tbody?>?tr?>?td, .table?>?tfoot?>?tr?>?td?{ ??padding:?8px; ??line-height:?1.42857143; ??vertical-align:?top; ??border-top:?1px?solid?#ddd; } ...而.table-striped這個類是基于.table這個類上進行修飾的，只是修飾的方向不同
.table-striped?>?tbody?>?tr:nth-of-type(odd)?{ ??background-color:?#f9f9f9;??//只是起到添加背景的效果 }