Question

这是我建立的网站：

http://www.littlefishlighting.com/LFL.html

使用开发工具似乎很清楚css文件是链接的。大多数课程/ ids工作得很好。但某些关键类及其所有后代都未能出现（例如.menuWrapper，.footer）。虽然该类存在于.css文件和.html文件中，但它完全缺失 - 没有被覆盖。

通过一些验证程序运行html文件和css后，没有错误显示失败类的模式。

所有浏览器都遇到同样的问题。

Answer 1

您的background css规则中有很多回车符打破了样式表。以下是一些例子

#interiorImg {
    background:url('
http://www.littlefishlighting.com/LFL-images/UTNeylundStadium/102.jpg') no-repeat center center; 
    background-size: cover;
}

#artImg {
    background:url('
http://www.littlefishlighting.com/LFL-portfolio-outdoor.html') no-repeat center center; 
    background-size: cover;
}

#exteriorImg {
    background:url('
http://www.littlefishlighting.com/LFL-images/ElectricWarfBridge/101.jpg') no-repeat center center; 
    background-size: cover; 
}

你使用了什么验证器？ w3c css验证器显示错误。 https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.littlefishlighting.com%2FLFL.css&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

我删除了回车并修复了验证器中的错误 - 这看起来更好吗？ https://codepen.io/mcoker/pen/dRpPpP

Answer 2

教程：如果样式表的内容很奇怪，请确保所有css符合规范。

我在CSS中的相对较小的错误导致了奇怪的事情发生。我从验证器中知道了这些错误，但没有意识到它可能导致这种奇怪的失败。

这可能是一个＆＃34; duh＆＃34;对于退伍军人来说，但我非常专注于试图找出一种模式，我并没有看到这些有些无关的问题。

感谢您的快速回复。它的关键时刻，这是（不出所料）我的第一个项目之一。

查找某些类无法显示的模式

2 个答案: