Таблицы стилей в css

Question

Привет Я работаю с полноэкранным JQuery в Angularjs и нуждаюсь в некоторой помощи с некоторым стилем таблицы. Полноценный календарь использует собственный файл 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 таблицы и переписать его, может быть сделать так: (Это просто пример)

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