Question

问题1：css没有样式div id

在我的html文件中，我为顶栏创建了一个div id（带有文本+社交链接）。在相关的css文件中，我创建了相应的样式

#topbar {
  height: 40px;
  width: 100%;
  background-color: #383433;
  margin: auto;
  overflow: hidden;
}

#topbar p {
  color: white;
}

<div id="topbar">
  <p>Text text text</p>
</div>

文字变白，但高度，背景颜色等没有透过。我忽略了什么吗？

问题2：我可以将图片设置为div id的一部分吗？

HTML：

<div id="scroller">
        <img src="images/scroller-1.jpg">
</div>

当我添加：

 #scroller {
    max-width: 100%;
    height: auto;
}

图像无法响应/调整大小。

如果我添加：

#scroller img {
    max-width: 100%;
    height: auto;
}

有效。

所以div-id的元素部分不继承父式？

Answer 1

首先：如果你有两个问题，最好将它们分开发布。这样更干净。

问题1：它实际上正在运作。您可以运行粘贴的代码段。可能，其他一些风格正在覆盖它。既然我们不知道它是哪一个，我能给你的唯一建议就是在你的css代码后面写!important：

height: 40px !important;

这样，除了同样具有！important标记的样式外，没有任何东西可以覆盖它。

提问2：

所以div-id的元素部分不继承父式？

嗯，这取决于。您可以设置div的字体颜色，然后此div中的标题和p标签将具有相同的颜色，除非您指定它，否则就像

#scroller{
color:blue;
}

#scroller p{
color:red;
}

图片不会从div继承。它们默认情况下始终是完整的图像尺寸，因此如果它应始终是全宽，则必须单独指定它们的尺寸。

如果它对您有帮助，请将答案标记为已接受：）