Question

您好我在Angularjs中使用JQuery fullCalendar并需要一些桌面样式的帮助。 fullcalendar使用它自己的插件中的css文件here。

问题在于，在项目/网站中还有其他样式表，其中包括为使表格响应而创建的样式表。我无法控制HTML可以访问哪些样式表。这使得日历在小窗口大小中使用完全其他非逻辑样式。

那么是否有任何可能的方法来强制控制器远离某些样式表或设置日历自己的样式表以使其成为控制样式？

编辑：忘了说前面提到的样式表是一般的样式表，没有任何类名，因为它在整个网站中被广泛使用，因此在课程中将其变为现实并不可行。

我已将其缩小到这个有问题的css代码，并在小窗口中更改日历。完全删除它，日历响应迅速，效果很好。网站的其余部分没那么多。但是从我的pov开始，早期完整日历样式表中的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;
}

Answer 1

要创建新的scss或css文件并复制AngularJS表的主类并覆盖它，可以这样做:(这只是示例）

＆＃13;

.table {
  
  tr{
    Some attributes
    }
  
  th{
    Some attributes
    }
  
  }

＆＃13;

在CSS中的样式表

1 个答案: