如何在css中为nav-item px-7制作样式[重复]

Question

有人可以帮我为 padding-left: 5rem !important 为“nav-item px-7”制作正确的样式；

 <li class="nav-item px-7">
        <NavLink class="nav-link" href="fetchdata">
            <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data aa
        </NavLink>
    </li>

下面的样式根本不起作用：

.nav-item px-7 {
padding-left: 5rem !important;

}

提前致谢。

俊

Answer 1

你能不能先把你的 px-7 写在 nav-item 之前作为类名。

.nav-item px-7 {
padding-left: 5rem !important;

您上面显示的样式似乎不正确。在这种情况下，有 siblibgs 类名称，它们是 px-7 和 nav-item，因此当您设置 .px 类样式时，您必须按照以下代码编写：

.px-7 {
padding-left: 5rem !important;
 }

如果你想在一行中设置两个或多个不同的类，你可以这样写：

.nav-item, .px-7 {
padding-left: 5rem !important;
}