代码之家 › 专栏 › 技术社区 › Magician

CSS对某些部分不起作用,但对其子项起作用

sass css3

Magician · 技术社区 · 8 年前

我已经放弃了这个,我不知道我做错了什么。

div#home {
    background-image: url(/assets/bg/home.jpg);
    background-size: cover;
    .limiter {
        margin-top: $NAVBAR_BODY_START;
    }
}

这是生成的CSS。请注意 div#home 与 .limiter

这就是Chrome渲染的。我用Edge做过测试,但也失败了。

有趣的是 .限制器 div#家 作品。但不是 div#家

知道哪里出错了吗?

2 回复 | 直到 8 年前

apokryfos 8 年前

低于 div#content 似乎有两个流浪的风格,似乎不属于任何地方。

/* ... */   
line-height: 1.5em; 
font-size: 2vmin;
/* ... */

这可能表明SCSS存在语法问题。

Debabrata Patra 8 年前

推荐文章

ineedtoknow · 如何以重复模式(蓝色、紫色、红色)为儿童应用背景色[重复]

1 年前

user p · 如何修复Angular Material侧边栏的滚动问题

1 年前

Samvel · 无法通过sass模块编译scss文件

2 年前

Frankey · :not()CSS伪类未按预期工作

2 年前

Patrick Kenny · 如何将全局SCSS文件添加到Svelte/SvelteKit?

2 年前

Ch. · scs中@media的误导最小宽度和最大宽度

2 年前

Yiu Chak · 错误:“…m 55%在右侧”后无效CSS

2 年前

Sudeepa T · 无法定位元素[重复]

2 年前

kold-kreator · 编辑Bootstrap 5卡盒阴影的SASS

2 年前

JuliaBland299 · 如何使链接不占用网格中的空间?

2 年前