.table-striped > tbody > tr:nth-child(odd) > td, //类名为table-striped的元素的》第一个tbody子元素的》偶数子元素》的第一个td子元素
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
2016-05-11
table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th
@ymx风筝
我想这是在用emmet插件
.table-striped > tbody > tr:nth-child(odd) > th
@ymx风筝
我想这是在用emmet插件
2016-05-11
dl、dt、dd数据列表
现在让我们来看看使用了HTML dl、dt、dd标签的数据列表。首先我们使用dl(definition list-自定义列表)标签来容纳整个数据结构,然后我们使用dt(自定义标题)标签和dd(自定义描述)标签来容纳数据中的标题和内容。
dl=dfine list dt=define tittle dd=define description?
事实上,使用HTML的dl、dt、dd标签会让你节省更多的代码,更能让代码符合内容的语义化。当然,table也有它的用武之地,那就是很大数据量的数据表,但是小型的数据列表和表单完全可以不使用table哦!
现在让我们来看看使用了HTML dl、dt、dd标签的数据列表。首先我们使用dl(definition list-自定义列表)标签来容纳整个数据结构,然后我们使用dt(自定义标题)标签和dd(自定义描述)标签来容纳数据中的标题和内容。
dl=dfine list dt=define tittle dd=define description?
事实上,使用HTML的dl、dt、dd标签会让你节省更多的代码,更能让代码符合内容的语义化。当然,table也有它的用武之地,那就是很大数据量的数据表,但是小型的数据列表和表单完全可以不使用table哦!
2016-05-11
将任何 .table 元素包裹在 .table-responsive 元素内,即可创建响应式表格,其会在小屏幕设备上(小于768px)水平滚动。当屏幕大于 768px 宽度时,水平滚动条消失。
2016-05-11
<ul class="list-unstyled">
<li>城市:</li>
<li>
<ul class="list-inline">
<li>北京</li>
<li>上海</li>
<li>南京</li>
<li>厦门</li>
</ul>
</li>
</ul>
<li>城市:</li>
<li>
<ul class="list-inline">
<li>北京</li>
<li>上海</li>
<li>南京</li>
<li>厦门</li>
</ul>
</li>
</ul>
2016-05-11