:root { --container: 940px;}以及:root {--container: 1160px; }

Question

代码里媒体查询里，自定义了–container的属性，但是后面的都没有调用它丫，写在这里有啥意义，并且头部也定义了一个:root { --container: 100%; }，width: var(–container);去调用，但是.main默认是块级元素，宽度不就是100%么？

Answer 1

西门老舅 2022-02-17 21:30:03

你好，媒体查询里的写法，会把上面定义的 :root{ --container: 100%; } 替换掉了，CSS是不分先后顺序的，所以上面使用var( --container) 都会重新生效的呀 。

我们 :root{ --container: 100%; } 除了给100%值外，我们还创建了这个变量呀，所以是有意义的去写的。