现在这个页面上的表格混合了我提供的样式 .. 还有默认主题的样式 .. 在 seven 主题里面也为表格提供了样式 .. 比如这个 hover 样式 .. 这个样式我希望可以保留 .. 不过还有些我不需要的样式 .. 比如这个表格头部上面多了一个边框的样式 ..

我们可以先禁用 seven 提供的表格样式 .. 然后在自己的表格样式里添加想要保留的来自 seven 主题提供的表格样式 ..

先打开我的自定义主题的 info 文件 .. 在 libraries-override 这里，去掉 seven 里面的 tables.css ..

再找到这个样式表 ... 我们可以复制一下在这个样式表里想要保留的样式 ...

找到我的自定义模块 .. semantic ... src .. site ，我们可以把想要覆盖的样式添加到这个目录的下面， table 是在 collections 下面，打开 table.overrides ..

把复制的样式粘贴到这里 .. 这里有些样式我不确定是用在那些界面上的 .. 所以可以先保留它们 .. 以后如果发现用不到我可以再回来把它删除掉 ..

然后再回到命令行 ... 进入到我的自定义模块下面的 semantic 这个目录的下面，执行一下 gulp build ... 重新再编译一下 semantic ui ..

这个命令会重新编译所有的东西 ..

或者我可以执行一下 gulp watch ... 这个命令会监视有变化的文件 ..

再去修改一下这个 table.overrides ... 去掉几个样式 ... 保存一下 .. 你会看到， Gulp 会给我们重新编译 semantic 的 table ..

再找到这个样式表 ..

浏览到文件的底部 ... 刚才我在 table.overrides 里添加的样式，会放到 semantic ui 的 table.css 这个样式表的底部 ... 就是在 Site Overrides 这块注释的下面 ...

再重建一下缓存 ..

回到页面 .. 再预览一下 ...

之前这个表格头部的多余的边框已经去掉了 ... 表格行的 hover 样式仍然会保留 ..