Html 父CSS属性没有被覆盖

Html 父CSS属性没有被覆盖,html,css,Html,Css,我有一个父CSS属性,它似乎不能被覆盖!重要的。我还有别的选择吗?我想把剩下的利润去掉:30英镑 Div代码 .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; just

我有一个父CSS属性,它似乎不能被覆盖!重要的。我还有别的选择吗?我想把剩下的利润去掉:30英镑

Div代码

.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;
}
下面应用于上述div类的父CSS属性

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

您希望像这样引用标记:

.Rte ul ol {
    margin-left: 30px;
    padding-left: 0;
    list-style-position: outside;
}
   .Rte ul, .Rte ol .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;
}
是的子元素,因此必须按照从父元素到子元素的顺序调用它。 如果要向两者添加样式,请执行以下操作:

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

您希望像这样引用标记:

.Rte ul ol {
    margin-left: 30px;
    padding-left: 0;
    list-style-position: outside;
}
   .Rte ul, .Rte ol .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;
}
是的子元素,因此必须按照从父元素到子元素的顺序调用它。 如果要向两者添加样式,请执行以下操作:

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

试着像这样使用您的代码:

.Rte ul ol {
    margin-left: 30px;
    padding-left: 0;
    list-style-position: outside;
}
   .Rte ul, .Rte ol .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;
}

试着像这样使用您的代码:

.Rte ul ol {
    margin-left: 30px;
    padding-left: 0;
    list-style-position: outside;
}
   .Rte ul, .Rte ol .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;
}

你能提供一个实际开发工具元素的屏幕截图吗?嗯,我注意到了。ul在开发部分中缺少了差异。我把css代码放在更高的位置。。。。现在它工作了。。。css是否基于代码的深度来实现代码?你能提供实际devtools元素的屏幕截图吗?嗯,我注意到在dev部分中缺少了.ul的差异。我把css代码放在更高的位置。。。。现在它工作了。。。css是否根据代码的深度来实现代码?