Question

好的，所以我正在为网站设置模板，我正在使用预先存在的页眉和页脚html / css（由其他人编写）。

我拿了他们的css文件并对其进行了格式化以便更容易阅读，但除此之外我没有对其进行任何更改。我也通过验证器运行它。

但出于某种原因，当我将CSS格式化的css链接到模板时，网站会中断。当我使用它们时，它可以工作。

这是一个奇怪的问题，但是...它正在拉动一些造型。具体来说，我有一个div分配了两个类：

<div class="publication-footer-id text-publication-400-12px">
     <div class="text-publication-700-12px">title</div>
     <div class="text-publication-400-12px">link</div>  
</div>

这是CSS：

.text-publication-400-12px, .text-publication-400-12px a {
    font-family:'Montserrat-Regular',serif;
    font-weight:normal;
    text-decoration:none;
}

.text-publication-700-12px, .text-publication-700-12px a {
    font-family:'Montserrat-Bold',serif;
    font-weight:bold;
    text-decoration:none;
}

.text-publication-400-12px {
    font-size:12px;
    line-height:16px;
}

.text-publication-400-12px a {
    font-size:12px;
    line-height:16px;
    color:#666666;
}

.text-publication-700-12px {
    font-size:12px;
    color:#666666;
}

.publication-footer-da, .publication-footer-id, .publication-footer-cced {
    padding:10px 0 0 20px;
    float:left;
    height:120px;
    color:#666666;
}

.publication-footer-id {
    width:13%;
    border-right:solid 1px #989898;
}

这是另一个人设计的原始CSS：

.text-publication-700-12px{font-family:'Montserrat-Bold', serif; font-weight:bold;font-size:12px; text-decoration:none; color:#666666;}
.text-publication-700-12px a { color: #666666;}
.text-publication-400-12px{font-family:'Montserrat-Regular', serif; font-weight:regular;font-size:12px; text-decoration:none; line-height:16px;}
.text-publication-400-12px a{font-family:'Montserrat-Regular', serif; font-weight:regular;font-size:12px; text-decoration:none; line-height:16px; color:#666666;}

.publication-footer-id{width:13%; height:121px; float:left; border-right:solid 1px #989898; color:#666666; padding:10px 0 0 21px;}

Soo出于某种原因，当我链接MY css文件时，“publication-footer-id text-publication-400-12px”div只能从“text-publication-400-px”类中拉出样式，并且没有“publication-footer-id”类的样式。然而它与其他CSS一起工作正常。

思想？

**编辑：只是想补充一点，我注意到它只是通过右击，检查元素来拉动一种风格......当我看到应用于该Div的CSS时，它只显示出版文本样式。

Answer 1

您的代码格式化程序看起来很糟糕......或者您不小心编辑了某些部分。

看一下.publication-footer-id类：在原始文件中它声明了width，height，float，border-right，color和padding。在格式化版本中，它仅声明宽度和右边界。

对于所有其他类几乎相同，你会错过许多声明。

分为两个班级只从一个拉css？

1 个答案: