css在Firefox中工作，而不是在Chrome中

问题描述：

我最近通过css调整了div的宽度。它适用于Firefox，但不适用于Chrome。css在Firefox中工作，而不是在Chrome中

下面的代码：

.the_content { 
    padding-left: 60px !important; 
    padding-right: 40px !important; 
} 

.the_content { 
    padding-left: 60px !important; 
    padding-right: 40px !important; 
} 

.the_content.post.type-post.hentry.excerpt.clearfix { 
    padding-left: 60px; 
    padding-right: 40px; 
}

我失去了Chrome浏览器在不拾取东西吗？

谢谢，

当你说这个功能“不工作”，你到底是什么意思？这有很多不同的含义。为了帮助您的问题被其他用户理解，请尝试添加一些代码或[jsFiddle]（http://jsfiddle.net）以提供帮助。 – 2013-05-06 04:49:55

.the_content post-type post-post excerpt clearfix删除这一行 – 2013-05-06 04:51:03

欢迎来到*，我没有理由怀疑为什么它不能通过查看你提供的代码在chrome中工作。你使用的填充材料很少重复。尝试先把他们俱乐部。如何在[小提琴]（http://jsfiddle.net/）中解释它。 – Rohit416 2013-05-06 04:56:03

答

提供HTML以更清晰地解决问题。你在多个地方重复了css类。

试试这个：

.the_content 
{ 
padding-left: 60px !important; 
padding-right: 40px !important; 
} 

.the_content.post.type-post.hentry.excerpt.clearfix { 
    padding-left: 60px; 
    padding-right: 40px; 
}

所有优点。对不起，我是一个总喜欢这个，但我真的很感谢每个人的帮助，即使只是告诉我我的无知。我使用上面的代码来缩减本网站上的博客的.div：http://www.alchemyondemand.com/top-10-words-that-capture-readers-attention/ 我不明白为什么调用div类可以在Firefox中使用，但不能在Chrome中使用。 – user1993740 2013-05-06 16:40:21

答

第一行中的发布代码

.the_content post type-post hentry excerpt clearfix /* Remove spaces if this is a single class style. if multiple user ","*/

不具有开闭花括号，这会使它下面的所有无用的设置。

如果你将拥有一个空白的链接，但与样式名

.the_content post type-post hentry excerpt clearfix {} /*<------------*/ 
.the_content { 
    padding-left: 60px !important; 
    padding-right: 40px !important; 
} 

.the_content { 
    padding-left: 60px !important; 
    padding-right: 40px !important; 
} 

.the_content.post.type-post.hentry.excerpt.clearfix { 
    padding-left: 60px; 
    padding-right: 40px; 
}

css在Firefox中工作，而不是在Chrome中

相关推荐