Html div p{margin bottom:10px;}不工作

Html div p{margin bottom:10px;}不工作,html,css,Html,Css,divp{margin bottom:10px;}不工作。我不确定这里出了什么问题 .p1, .p2 { margin-bottom: 10px; } is工作正常,但divp{…}不工作 正文{ 位置:相对位置; 背景色:皇家蓝;/*#F0*/ 边际:0px; } .分区{ 位置:相对位置; 顶部:20px; 宽度:30%; 保证金:0自动; 文本对齐:居中; 边框:1px纯黑; } .p1{ 保证金:0; } .p2{ 保证金:0; } p组{ 边缘底部:10px; }

divp{margin bottom:10px;}
不工作。我不确定这里出了什么问题

.p1, .p2 {
    margin-bottom: 10px; 
    }
is工作正常,但
divp{…}
不工作

正文{
位置:相对位置;
背景色:皇家蓝;/*#F0*/
边际:0px;
}
.分区{
位置:相对位置;
顶部:20px;
宽度:30%;
保证金:0自动;
文本对齐:居中;
边框:1px纯黑;
}
.p1{
保证金:0;
}
.p2{
保证金:0;
}
p组{
边缘底部:10px;
}

欢迎访问主页

Lorem Ipsum


由于特殊性,class
.p1
规则将覆盖
div p
规则。如果从类规则中删除
边距:0
,它应该会起作用,因为规则之间没有竞争,10px可以应用


一些阅读:

由于特殊性,类
.p1
规则覆盖了
divp
规则。如果从类规则中删除
边距:0
,它应该会起作用,因为规则之间没有竞争,10px可以应用


一些阅读:

是的,它不应该根据
css选择器优先级
规则工作。根据
css选择器优先级
规则
class
选择器值为10,对于
tag
选择器值为1。因此,根据您的代码,我们可以轻松计算:

.p1
.p2
优先级值=10

divp
优先级值为1+1=2

这就是为什么
divp{…}
选择器不工作的原因


您可以从这里了解有关CSS优先规则的更多信息:

是的,它不应根据
CSS选择器优先规则工作。根据
css选择器优先级
规则
class
选择器值为10,对于
tag
选择器值为1。因此,根据您的代码,我们可以轻松计算:

.p1
.p2
优先级值=10

divp
优先级值为1+1=2

这就是为什么
divp{…}
选择器不工作的原因


您可以从这里了解有关CSS优先规则的更多信息:

您必须放置
.p1
.p2
。分别为每个css设置样式

.p1 { margin-bottom: 10px;}

.p2 { margin-bottom: 10px;}

您必须放置
.p1
.p2
。分别为每个css设置样式

.p1 { margin-bottom: 10px;}

.p2 { margin-bottom: 10px;}

你应该试试这个,它的帮助完全,它在这里,在另一个类中

代码:


这里(.)是类标识符

你应该试试这个it-help-full-it-is-here类在另一个类中

代码:


这里(.)是类标识符

因为类
.p1
比组合元素
div p
具有更高的特异性,所以规则优先。你想要的搜索词是“css专一性”;有一些离散规则将“权重”分配给不同的选择器,以帮助浏览器在层叠样式时确定优先级。因为类
.p1
比组合元素
div p
具有更高的特异性,所以规则优先。你想要的搜索词是“css专一性”;有一些离散的规则将“权重”分配给不同的选择器,以帮助浏览器在层叠样式时确定优先级。删除边距会改变他为类设置的边距。他从未说过他需要该规则,所以我假设他是一个聪明人,他会继续阅读/学习,如果他真的需要的话,他会想出一个办法让它发挥作用。我想说的是,他为什么有它。删除边距会改变他为班级设定的边距。他从来没有说过他需要这个规则,所以我就假设他是个聪明人,他会继续阅读/学习,如果他真的需要的话,想办法让它发挥作用。他为什么拥有它?这就是我要说的。告诉我为什么选民不支持它,这对我有帮助,所以我可以帮助解决问题。告诉我选民不支持它的原因,这对我有帮助解决问题。