Question

我的客户端通过Squarespace拥有现有博客。我正在接管网站，并且遇到了一些我以前从未见过的代码。我们在所有浏览器中都能正确呈现字体问题。当我检查有问题的元素时，我发现了一些非常奇怪的CSS代码。我注意到许多元素，比如h1，CSS中有重复的规则。见下面的例子：

#topNav nav, #topNav ul, #topNav li, #topNav a 
{
   font-family: Georgia,serif;
   font-weight: normal;
   font-style: italic;
   line-height: 1.6em;
   font-size: 13px;
   text-transform: normal;
   letter-spacing: 0px;
   font-family: "Helvetica Neue","Arial","sans-serif";
   font-size: 30px;
   line-height: 4em;
   text-transform: capitalize;
   text-decoration: none;
   letter-spacing: -1px;
   font-weight: bold;
   font-style: normal;
}

如您所见，有几个重复的规则。这个CSS代码的后果是什么？这会导致代码在不同浏览器上的样式不同吗？

这是一个非常大的网站，所以我希望这不是最后一个开发人员这样编码的习惯。清洁风格应该是我的首要任务吗？任何意见都会很棒！

谢谢！

Answer 1

我不得不说这只是糟糕的编码。至于对渲染的影响，我认为样式的最后一个实例将优先，因为CSS的整体性质是＆＃34;级联＆＃34;遗产。

一个或两个简单的实验应该可以回答你的问题。

Element的重复规则

1 个答案: