文章/答案/技术大牛

发布

社区首页 >问答首页 >在编译时缺少样式

问在编译时缺少样式
EN

Stack Overflow用户

提问于 2018-03-08 08:13:37

回答 2查看 95关注 0票数 1

如果您看一下下面的手写笔片段，当添加bottom 0时，下面的高度不会被编译成CSS。删除bottom 0并运行良好，不幸的是，在本例中我需要bottom 0：

Stylus

&__text-mask
        span
            display block
            position absolute
            z-index 10
            left 0
            right 0
            height 18px
            bottom 0
            background rgba(255,0,0,.5)

结果CSS

.bioink-carousel__text-mask span {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    background: rgba(255,0,0,0.5);

我还在科德芬中重新创建了这种行为。我是不是漏掉了什么？在编译时，控制台中没有错误。我还注意到，如果将bottom 0移动到不同的行，则会忽略其他样式。很奇怪。

css

stylus

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-03-08 08:31:36

你有两个空格而不是制表符，我想在高度声明之前。或者类似的东西。我重新列出了所有的属性，现在它可以正常工作了。

/* just so SO allows me to link to codepen... */

https://codepen.io/anon/pen/jzNejb

票数 2

Stack Overflow用户

发布于 2018-03-08 08:39:47

你的代码里有一些看不见的字符。Codepen甚至在右下角显示了红色的"info“图标，警告说有”意外的缩进“。无论如何，下面是工作的代码：

https://codepen.io/ivandoric/pen/dmbgBK

&__text-mask
    span
       display: block;
       position: absolute;
       z-index: 10;
       left: 0;
       right: 0;
       height: 18px;
       bottom: 0;
       background: rgba(255,0,0,.5);

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49168346

复制

相似问题

问在编译时缺少样式
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在编译时缺少样式EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在编译时缺少样式
EN