css - 这两个 CSS 实现有什么不同？

Question

我有同一个 CSS 的两个版本（从同一个网站提取）......唯一的区别是第二个 CSS 集的冗余条目较少......

由于两者之间存在一些差异，因此Testimonials在第二版的部分中没有显示文字..

有人能告诉我是什么导致文本在第二个版本中不显示吗？

即使在第二个版本中，文本也有display: block，但仍然没有显示。事实上，我认为文本的所有 CSS 都匹配（与使用 Chrome Inspector 相比），但在第二组的 Testimonial 部分中仍然没有显示文本。 .

版本 1：http: //jsfiddle.net/ahmadka/3hkwz/

版本 2：http: //jsfiddle.net/ahmadka/SjDr7/

score 2 · Accepted Answer

您的第二个 CSS 缺少高度声明。

第一个文件有：

#divleftcontent2 .scrollable4 .items {
    position: absolute;
    height: 100%;
}

你的第二个有：

#divleftcontent2 .scrollable4 .items {
    width: 20000em;
    position: absolute;
}

并且缺少：

height: 100%;

因此它的高度被设置为 0px，并且没有被显示。我不确定您要对以下声明做什么：

width: 20000em;

完全按照第一个样式设置样式，问题就解决了。 jsFiddle示例。

score 0 · Accepted Answer

我认为问题是你的内联css。更改 html 的第 68 行：

<div id="divleftcontent2" style="display: none;">

像这样：

<div id="divleftcontent2">

Brad Christie 的想法是正确的，因为内联样式具有最高的特异性。

2 回答 2