在css中保持控制值的覆盖

Question

我有一张桌子：

  <!-- table is in index.html -->
  <table class="printController" cellspacing="0" cellpadding="0">

/*main.css */
table{
    width: 100%;
}

/* tablelist.css */
.printController{
    width: 50%;
}

我已经指定了（在tablelist.css中）类printColler的宽度值，即50％。 在另一个css文件（main.css）中，我已指定表标记的宽度值为100％。

会发生的是宽度值被main.css覆盖。

我想阻止覆盖main.css宽度值。怎么做？

Answer 1

您可以使用!important关键字：

/* tablelist.css */
.printController{
  width: 50% !important;
}