html - 内部 css 和 css 文件重叠

Question

我正在为 mvc4 元素进行移动网络适配。

桌面设计已经完成，他们希望我让这个网站在移动设备上正常运行。

我需要处理几个问题。 1- 他们使用 bootstrap 但他们也放了一些内部 css 代码。就像下面的代码

<div class="col-md-2 pull-right" style="text-align: right;margin-right:-12px">

2- 他们还有其他特定文件，并且没有代码响应。他们为 block 赋予了特定的值，就像下面的代码

fieldset
{
    float: left;
    background-color: white;
    width: 500px;
    border-radius: 30px 30px 30px 30px;
}

现在我正在做的是创建一个新的 css 文件，我想为这个问题创建一个肤浅的解决方案。下面是我的 css 文件。我正在为 568px 的较小尺寸工作；

<link rel="stylesheet" media="screen and (max-width:568px)" href="~/Content/Iphone.css">

我的问题是他们对某些 div block 和类使用了内部 css，我无法删除这些行。例如

<div class="col-md-2 pull-right" style="text-align: right;margin-right:-12px">

我不需要 margin-right:-12px 但如何在不删除此代码的情况下处理此错误。我尝试为它创建 id，但这个内部 css 将在最后工作。

我需要一些建议来解决这些问题

Answer 1

这是一个糟糕的解决方案，我不推荐它，但你可以使用

!important

像这样

background: #000 !important;

这将覆盖内联样式。

但老实说，如果可以的话，我会建议删除内联样式并将其放在样式表中。