如何覆盖子元素的父元素css答案

【问题标题】：How to Override parent element css for child element如何覆盖子元素的父元素css
【发布时间】：2020-04-28 01:44:04
【问题描述】：

我有一个包含多个菜单的网站。我已经在一个带有类容器的 div 中定义了整个页面内容，并应用了引导 css 样式（margin-left:auto 和 margin-right:auto 等）以使页面居中。现在，其中一个文件中的元素必须从浏览器的最左侧开始。由于为父应用了 css，我无法从左侧开始元素。我已经应用了带有负像素的 margin-left 来解决这个问题。但是当浏览器窗口很小时，元素在浏览器中并不完全可见，因为margin-left应用了负值。

<div class="container" style="margin-left:auto;margin-right:auto">
    <div id="start_from_left" style="margin-left=-50px"> </div>
</div>

【问题讨论】：

标签： css

【解决方案1】：

如果你的标签有

style=""

优先于其他任何事情。

您可以尝试在您的 css 标签上添加 !important，但这是不好的做法。

例如

margin-left:1px!important;
margin-right:0px!important;

【讨论】：

正如我所提到的，我使用 margin-left 和负像素从左侧开始，但是当我因为负像素而减小窗口大小时，表格元素不可见

【解决方案2】：

你可以为你的容器添加额外的类。

.container {
    margin-left: auto;
    margin-right: auto;
}

.container.wide {
    margin-left: 0;
    margin-right: 0;
}

【讨论】：