时间戳

首页 > 解决方案 > 我如何重写内联 css

css - 我如何重写内联 css

问题描述

我已经确定了需要更改的内联样式。我无法找到它是如何到达那里的，或者我需要针对哪个特定规则来更改它。

<div class="main-navigation-wrap main-navigation-sm d-lg-none is-active" style="top: 501px; height: 331px;">

这是我在检查元素中查看时想要覆盖的内容。

我想把顶部去掉为0

我试过这个：

.main-navigation-wrap .main-navigation-sm .d-lg-none .is-active

{
top: 0!important; 

}

和这个：

.main-navigation-wrap .main-navigation-sm .d-lg-none .is-active          [style] {
top: 0!important;;
}

您可能会说我的 css 知识是有限的。请问如何定位和覆盖这种内联样式。

标签： css

解决方案

您的第一个 CSS 规则示例很接近，但由于所有这些类都属于同一个 div，因此它们之间不能有空格。另外，一般来说，您需要一个空格!important，例如top: 0 !important;：

.main-navigation-wrap.main-navigation-sm.d-lg-none.is-active
{
    position: relative;
    top: 0!important; 
}
<div class="main-navigation-wrap main-navigation-sm d-lg-none is-active" style="top: 501px; height: 331px;">THIS DIV</div>

推荐阅读