要素IDのグローバルCSSを無効にする

Question

#calendarという名前のcalendar.cssファイルがあります。

calendar.cssファイルには、いくつかのtableクラスがあります。

問題：私はこのルールは#calendar未満固有のものですので、それは常にすべてに適用されます#calendar

@media screen and (max-width: 1050px) { 
    table { 
     overflow-x: auto; 
     display: block; 
    } 
} 

Answer 1

CSSには、構築していないしてみてください。

http://www.w3schools.com/cssref/sel_not.asp

したがって、たとえば：

:not(table#calendar) { 
    background: #ff0000; 
} 

Answer 2

で呼ばれているものを除いて、アプリ内のすべてのテーブルに次のCSSを適用したいですテーブルが、#calendarルールで上書きされます。

https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

Answer 3

あなたは次のようなことをしない（）擬似を使用することができます：

/*table*/ 
@media screen and (max-width: 1050px) { 
/*@media screen and (max-width: 750x) {*/ 
    table:not(#calendar) { 
     overflow-x: auto; 
     display: block; 
    } 
} 

Answer 4

次のCSSを使用することができます。:notセレクタhere