如何覆盖子元素的父元素CSS

Question

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

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

Answer 1

如果你的标签有

style="" 

这比其他任何事情都优先。

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

例如

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