我有一些HTML如下:
.summary {
top: 89%;
letter-spacing: 2px;
position: absolute;
text-align: center;
width: 100%;
}
section #summarypar1 {
color: red;
left: 15%;
position: absolute;
width: 70%;
}
section #summarypar2 {
color: white;
left: 15%;
position: absolute;
width: 70%;
}
<section class="summary">
<h1>Summary</h1>
<p id="summarypar1"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p id="summarypar2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</section>
这是输出错误的特定部分。只有第一段获得CSS效果,而不是第二段。
我尝试将ID更改为Classes,反之亦然。我也试过写“#summarypar1”而不是“section#summarypar1”。这两种方法都只是制作了两个段落中的一个,或者都没有CSS效果。
所以,我想我可能在代码中错误地使用了类和ID分类。我读到最好在CSS中更具体(ID),但这没有多大帮助。
我能否解释为什么会出现这个问题?
谢谢,
答案 0 :(得分:-1)
因为您没有ID为summarypar1和summarypar2的部分。 相反,你有那些id的段落。 所以,它应该是:
p#summarypar1{}
p#summarypar1{}