CSS中的某些部分可以'；不被承认

为什么CSS中的某些部分有时不被识别，有时被识别？我的代码如下：

<section class="generalContainer"><time>8 September 2016</time></section>
<section class="oath-takingContainer"><time>12 October 2016</time></section>

section.generalContainer {
    position: absolute;
    width: 100%;
    text-align: center;
    margin: -15px 0 10px -15px;
    padding: 5px 0 5px 0;
    background: #868A08;
    }

section.oath-takingContainer {
position: absolute;
width: 100%;
text-align: center;
margin: -15px 0 10px -15px;
padding: 5px 0 5px 0;
background: #08088A;
}

2016年9月8日
2016年10月12日
第1节一般容器{
位置：绝对位置；
宽度：100%；
文本对齐：居中；
利润率：-15px 0 10px-15px；
填充：5px0 5px0；
背景#868A08；
}
第三节宣誓集装箱{
位置：绝对位置；
宽度：100%；
文本对齐：居中；
利润率：-15px 0 10px-15px；
填充：5px0 5px0；
背景#08088A；
}

该网站只识别section.generalContainer，但不识别宣誓容器。我使用了Chrome Inspect功能，请查看CSS的右框。一般容器和宣誓容器之间的区别。前者得到承认，但后者没有得到承认

---

因为您无法检查section.Ware-takingContainer，因为它被CSS直接放在另一个div的下面。。。你不能用鼠标右键点击并“检查”它

在这里，为了清晰起见，我使用了更亮的颜色，并将下分区从上分区的下方移到了下分区，现在检查效果很好

section.generalContainer{
位置：绝对位置；
宽度：100%；
文本对齐：居中；
利润率：-15px 0 10px-15px；
填充：5px0 5px0；
背景：红色；
}
第三节宣誓集装箱{
位置：绝对位置；
宽度：100%；
文本对齐：居中；
利润率：-15px 0 10px-15px；
填充：5px0 5px0；
背景：粉红色；
顶部：50px；
}

2016年9月8日
2016年10月12日

在OP展示的屏幕截图中，他选择了

宣誓容器

我不认为这是一个问题。谢谢。我不知道为什么，但几个小时后，它工作得很好。我猜，服务器处理新代码需要时间。