| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 近期暂无比赛，请稍后再来查看。 | ||||
h1. 赛事标题层级 | 36px 赛事标题 |
h2. 赛程信息 | 30px 赛事名称 |
h3. 比赛详情 | 24px 比赛详情 |
h4. 赛事分类 | 18px 选手信息 |
h5. 游戏专区 | 14px 赛况更新 |
h6. 赛事信息 | 12px 评论区 |
信息（带） progress-bar-info class。
成功（带） progress-bar-success class。
警告（带） progress-bar-warning class。
危险（带） progress-bar-danger class。
反色（带） progress-bar-inverse class。
反色（带） progress-bar-inverse class。
添加修饰类以改变赛况标签的显示效果。
| 直播状态 | 赛况标签 |
|---|---|
| 无修饰 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
为任何表格添加基础类 .table，实现基础样式、轻量级内边距和仅水平滚动。
| # | 主队名称 | 客队名称 | 比分 |
|---|---|---|---|
| 1 | 标记 | 选手A | 主播@douyu.com |
| 2 | 选手名 | 战队名 | 用户@douyu |
| 3 | 赛事名 | 赛事类型 | 官方账号 |
为 .table 基础类添加以下任意类。
通过 :nth-child CSS 选择器为 <tbody> 中的任何表格行添加斑马条纹（IE7-8 不支持）。
| # | 主队名称 | 客队名称 | 比分 |
|---|---|---|---|
| 1 | 标记 | 选手A | 主播@douyu.com |
| 2 | 选手名 | 战队名 | 用户@douyu |
| 3 | 赛事名 | 赛事类型 | 官方账号 |
为表格添加边框和圆角。
| # | 主队名称 | 客队名称 | 比分 |
|---|---|---|---|
| 1 | 标记 | 选手A | 主播@douyu.com |
| 标记 | 选手A | 官方频道 | |
| 2 | 选手名 | 战队名 | 用户@douyu |
| 3 | 赛事精彩集锦 | 官方账号 | |
为 <tbody> 内的表格行启用悬停状态。
| # | 主队名称 | 客队名称 | 比分 |
|---|---|---|---|
| 1 | 标记 | 选手A | 主播@douyu.com |
| 2 | 选手名 | 战队名 | 用户@douyu |
| 3 | 赛事精彩集锦 | 官方账号 | |