如何用另一個類替換CSS規則？

例如，我有這樣的CSS規則：如何用另一個類替換CSS規則？

.dataList table { 
 
    width: 100%; 
 
} 
 

 
.dataList table.onlyThisTables { 
 
    width: 400px; 
 
}

<div class="dataList"> 
 
    <table> 
 
    <tr> 
 
     <td> 
 
     Content of this table 
 
     <table class="onlyThisTables"> 
 
      <tr> 
 
      <td>Content of this table 
 
       <td> 
 
      </tr> 
 
     </table> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
</div>

所有表中

但總能得到width:100%;，我想400px寬度影響到.onlyThisTables類，我該怎麼辦呢？

來源

2017-02-22 Desarrollo Desafio de Guerrero

請更新您的問題包括：你的問題[MCVE。 – Shaggy

您可以向我們展示一個示例HTML代碼，它的行爲不像您期望的那樣嗎？如果我們沒有看到你應用'onlyThisTables'類的地方（它必須放在桌子上），很難說出錯。 – Marvin

你的表是子類'dataList'的後裔，還是表中有類'dataList'？ – j08691

更新：

爲了解決你的問題，更新您可以使用!important後綴：

.dataList table { 
    width: 100%; 
} 

.dataList .onlyThisTables { 
    width: 400px !important; 
}

下面是一個例子：https://jsfiddle.net/Lksv4dnd/

來源

2017-02-22 15:45:11 euvl

自己試了一下。似乎也適合我。 – Miles07

哈哈。 Touché，@yev。 – Rounin

這取決於你的HTML結構。你可以把一個HTML代碼的例子嗎？可能的答案是：

.dataList table { 
width:100%; 
} 
.onlyThisTables { 
    width:400px; 
}

來源

2017-02-22 15:47:22 Enavar

你需要指定你的風格max-width：

.dataList table { 
    width: 100%; 
} 

.dataList table.onlyThisTables { 
    width: 400px; 
    max-width: 400px; 
}

來源

2017-02-23 10:53:59 Rounin

如何用另一個類替換CSS規則？

回答

相關問題