这两个CSS实现之间有什么不同？

Question

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

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

有人能告诉我导致第二个版本中没有显示文字的原因吗？

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

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

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

Answer 1

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

第一个文件有：

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

你的第二个人有：

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

并且错过了：

height: 100%;

因此其高度设置为0px，并且未显示。 我不确定你要对声明：

做什么

width: 20000em;

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

Answer 2

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

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

这样的事情：

<div id="divleftcontent2">

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