时间戳

首页 > 解决方案 > 父 CSS 属性不会被覆盖

html - 父 CSS 属性不会被覆盖

问题描述

我有一个似乎不能被 !important 覆盖的父 CSS 属性。我还有什么其他选择？我正在尝试摆脱 margin-left: 30 属性。

分区代码

.difference-ul  {
margin-left: 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

下面的父 CSS 属性应用于上述 div 类

    .Rte ul, .Rte ol {
    margin-left: 30px;
    padding-left: 0;
    list-style-position: outside;
}

标签： htmlcss

解决方案

您想像这样引用标签：

.Rte ul ol {
    margin-left: 30px;
    padding-left: 0;
    list-style-position: outside;
}
是一个子元素，所以你必须按照从父到子的顺序调用它。

如果要为两者添加样式，请执行以下操作：

.Rte ul, .Rte ul ol {
    margin-left: 30px;
    padding-left: 0;
    list-style-position: outside;
}

推荐阅读