我试图弄清楚我似乎在AJAX加载页面上失去了CSS优先级。我在主页上最后一次加载了自定义CSS,因此应该允许我的CSS覆盖所有引导CSS。通过AJAX加载新内容后,引导程序将覆盖我的自定义CSS。我可以通过浏览器调试看到引导程序已覆盖该属性。

自定义CSS样式:

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


由于引导程序未设置字体大小或文本对齐方式,因此可以很好地应用,但是我的垂直对齐方式已被覆盖。我不会在AJAX加载页面中再次加载CSS文件。一定有某种原因,但是几个小时后我无法弄清楚。

最佳答案

由于您没有发布Bootstrap CSS类定义,因此我想这是CSS选择器优先级问题。

Bootstrap CSS选择器是否比您的选择器更具体? Then it gets priority over any CSS loaded later。或者将您的选择器设为特定或更具体,或者应用!important指令,但这是不推荐的(另请参见ITCSS)。

07-24 09:45
查看更多