javascript - AJAX 加载后奇怪的 CSS 优先级行为

Question

我想弄清楚我是如何在 AJAX 加载的页面上丢失我的 CSS 优先级的。我在主页最后加载我的自定义 CSS，这样应该允许我的 CSS 覆盖任何引导 CSS。通过 AJAX 加载新内容后，bootstrap 正在覆盖我的自定义 CSS。我可以通过浏览器调试看到 Bootstrap 已覆盖该属性。

自定义 CSS 样式:

.mytableclass td {
font-size: small;
text-align: center;
vertical-align: middle;}

由于 bootstrap 没有设置字体大小或文本对齐方式，它适用得很好，但我的垂直对齐方式被覆盖了。我没有在 AJAX 加载页面中再次加载 CSS 文件。必须有某种原因，但几个小时后我无法弄清楚。

Answer 1

由于您没有发布 Bootstrap CSS 类定义，我猜测这是一个 CSS 选择器优先级问题。

Bootstrap CSS 选择器是否比您的更具体？ Then it gets priority over any CSS loaded later .使您的选择器更具体或更具体，或者应用 !important 指令，但不推荐这样做(另请参阅 ITCSS )。