如果内联定义了如何在开发人员工具中删除CSS属性？

Question

我正在摆弄网页应用程序页面的外观。我需要快速做出很多小改动来判断效果，开发人员工具给我提供了我需要的功能，因为我直接在元素检查器中编辑CSS。

但是，此页面上有一个表，它由一些JavaScript库创建。该库直接在style="width:1024px"标记中插入<table>。我需要更改此宽度以使其成为父宽度的100％，但它不起作用。

从HTML中删除style属性而不重新加载页面不会改变宽度。在样式表中设置新宽度不起作用，因为内联CSS取代它。重新加载页面会覆盖我在元素检查器中所做的更改。

我无法进入代码并更改用于库的设置（我假设它允许开发人员定义一个恒定的宽度而不是自己做）。在没有重新编程整个事情的情况下，我有什么选择才能看到我需要的宽度表？

Answer 1

如果您真的无法删除内联样式，则可以覆盖它，在您的css样式中添加!important关键字。

像那样

table {
    width: 100% !important;
}

Answer 2

我发现当我将内联标签直接从style =“width：1024px”更改为style =“width：100％”时确实有效。

我的错误是首先删除完整的内联标记，然后使用新值再次写回。它似乎没有“得到它”，有一个变化。