Visual Studio 2017中新增div的CSS样式未生效问题求助

首先，最关键的问题是id选择器的拼写不匹配！你HTML里的div id是contact_popup（下划线），但CSS里写的是#contact-popup（连字符）——CSS选择器必须和HTML元素的id完全一致，这就是样式不生效的核心原因。

接下来给你一步步的解决建议：

• 修正选择器拼写：把CSS里的#contact-popup改成#contact_popup，确保和HTML中的id完全对应。
• 确认样式表路径：既然其他样式都能正常显示，说明href="StyleSheet1.css"这个路径是正确的，~/路径在静态网页中不适用，所以保持原来的链接方式就好。
• 完善边框样式：你写的border-color: black;单独不会显示边框，需要配合border-width和border-style，可以改成border: 1px solid black;这样才能看到黑色边框。
• 用开发者工具排查：如果还是有问题，按下F12打开浏览器开发者工具，选中这个div元素，查看“Styles”面板——这里能直观看到哪些样式被应用、哪些被覆盖或者未生效，是排查CSS问题的利器。

修正后的CSS代码示例：

#contact_popup { 
  color: red; 
  width: 100%; 
  border: 1px solid black;
  margin-top: 15px; 
}

内容的提问来源于stack exchange，提问作者Luv Tomar