Javascript css中的样式表

Javascript css中的样式表,javascript,jquery,css,angularjs,fullcalendar,Javascript,Jquery,Css,Angularjs,Fullcalendar,嗨,我正在使用Angularjs中的JQuery fullCalendar,需要一些关于表格样式的帮助。fullcalendar使用插件中自己的css文件,可以看到该文件 问题在于,在项目/网站中还有其他样式表,其中一个样式表是为了使表具有响应性而创建的。我无法控制HTML可以访问哪些样式表。这使得日历在小窗口中使用了一种完全不符合逻辑的样式 那么,有没有任何可能的方法可以迫使控制器从某些样式表中移开视线,或者将日历自己的样式表设置为控制样式 编辑: 忘了说前面提到的样式表通常是在没有任何类名的

嗨,我正在使用Angularjs中的JQuery fullCalendar,需要一些关于表格样式的帮助。fullcalendar使用插件中自己的css文件,可以看到该文件

问题在于,在项目/网站中还有其他样式表,其中一个样式表是为了使表具有响应性而创建的。我无法控制HTML可以访问哪些样式表。这使得日历在小窗口中使用了一种完全不符合逻辑的样式

那么,有没有任何可能的方法可以迫使控制器从某些样式表中移开视线,或者将日历自己的样式表设置为控制样式

编辑: 忘了说前面提到的样式表通常是在没有任何类名的情况下对表进行样式化的,因为它在整个网站中被广泛使用,所以现在将其转换为类是不可行的

我已经把它缩小到这个css代码的问题,进入并改变小窗口中的日历。完全删除此项,日历响应迅速,效果良好。网站的其他部分就不那么多了。但是从我的观点来看,早期的完整日历样式表中的css应该还有更多的特殊性

/* Make other tables responsive */
table:not([name='start_time']), thead, tbody, th, td, tr {
    display: block;
}
/* Make other tables responsive */

thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

tr {
    border: 1px solid #ccc;
}

td {
    position: relative;
    padding-top: 15px;
    padding-left: 50%!important;
    border: transparent!important;
}

为此,创建新的scss或css文件,复制AngularJS表的主类并覆盖它,可以这样做:(这只是一个示例)

.table{
tr{
一些属性
}
th{
一些属性
}

}
您可以使用更具体的CSS规则覆盖任何CSS规则您可以通过添加
覆盖CSS规则!重要信息
在特定规则之后,另一种方法是使用更强的css选择器,这里将对此进行说明。您可以尝试添加包含所需样式的样式表吗last@1l13v通常不建议使用
!重要的
语句,用于任何CSS属性的值,但可能是最简单的修复方法,但是当我阅读这些指南时,它应该已经使用了calendar.CSS中更具体的样式,因为其他样式表通常只是样式表。