删除您无权编辑的CSS属性

Question

我已经制作了完整的Bootstrap网格系统。现在，我将代码上传到CMS系统，可以看到后端有一些CSS，并且网格混乱。

如果我在检查器窗口中取消选中以下代码，则一切看起来都很完美。在检查器窗口中勾选以下代码时，一切都搞砸了。可以以某种方式覆盖此代码，因此不使用该类吗？

.cms-area img {
    width: 100%;
}

Answer 1

在这种情况下，您可以使用！important，但要谨慎使用。最好是删除不需要的代码，而不要使用！important。 ！important可能会在以后导致难以调试的问题。如果可能，请在代码中包含其他CSS之后再添加您的CSS。在CSS中，较晚出现的规则优先于较早出现的规则

编辑：

将宽度设置为自动，而不是100％，以解决对齐问题

Answer 2

下面给出的是管理css的理想方法，因为它使您可以将样式内容归于属性，并让您覆盖已在其他位置应用的样式。

.cms-area .your-class img {
    width: <your choice>;
}