html - Bootstrap 4 CSS – 覆盖默认的标题端 :bottom not working

Question

我正在使用 Bootstrap 并尝试将表格标题移回表格顶部，但我遇到了奇怪的阻力。

风格赢得了尽可能多的特异性，正如在开发人员检查员中看到的那样。然而，标题顽固地留在 table 下面...... mock 我。

当我第一次添加标题侧样式时，它运行良好。在向表格添加一些内容和更多样式后的某个时候，它不再这样做了。现在我已将内容剥离回最基本的元素，但该标题不会让步。

到底为什么检查器会显示“caption-side:top;”而显示器不同意并在底部拍打它？

这里有一个简单的笔来说明这个问题。希望这对某人来说是一个灌篮，因为我很困惑。

所有的 CSS:

.crtable{
caption-side: top;
}

https://codepen.io/halfacre/pen/KJBJqZ

Answer 1

您必须为 caption 实现 caption-side 样式。

( https://codepen.io/anon/pen/PVBLBB )

CSS

caption{
  color:red;
    caption-side: top;
}