@media部分没有回复

Question

我在media.css中有这个

@media (min-width: 1000px) {

section {
    width: 1450px;
}    

div {
    width: 700px;
}

}

然后我在主css

@import "media.css";

section {
background: rgba(255, 255, 255, 0.04);
padding: 1 0 20 0;
margin: 0 auto;
border-radius: 50px;
width:700px;
}

div {
background: rgba(255, 255, 255, 0.04);
margin: 20 10 0 10;
border-radius: 50px;
padding: 10 10 20 10;
}

我正在调整窗口的大小，div会像它应该的那样增长，但该部分保持不变。 我喜欢这样的HTML

<section>
<div> 
</div>
</section>

那么为什么该部分没有回复？

我可以补充一点，我做了一个小提琴，但它的工作正常..所以也许它是一个软件问题????我重新启动了everithing和它一样..我是usig括号

我在这里用prtscrn

做了一个假小提琴

Answer 1

这是完全错误的：

div {
    width: 700px;
    display: inline;
}

您无法将宽度设置为inline元素。将其更改为inline-block或将其删除为block。

Answer 2

请提供部分班级名称。然后它会工作。喜欢class =“my_section”。 css：.my_section {width：1440px}

Answer 3

我猜测media.css之前正在阅读main.css。如果所有选择器具有相同的特异性，则使用最新的声明。 div获得width的原因是因为您尚未在main.css中声明一个section。

See my example here（最小化输出窗口，看它是否有效）。