文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在sass中以模块化的方式实现这个粘性页脚？

问如何在sass中以模块化的方式实现这个粘性页脚？
EN

Stack Overflow用户

提问于 2013-10-10 11:15:35

回答 1查看 737关注 0票数 0

我正在使用詹姆斯·迪恩( James Dean )。它要求将样式应用于<html>、<body>和<footer>。现在我使用sass来编写我的css，并且我希望尽可能地实现这个页脚。最好是这样，例如：

footer {@extend %sticky-footer;}

但是，如果这样做的话，我仍然需要对<html>和<body>标记进行样式化。据我所知，Scss没有某种类型的父选择器。那么，是否有一种方法可以用sass (在scss中)以模块化的方式来实现，最好是使用@extend？(有一个关于代码的示例)

我要说的是:我不是在要求家长选择。我要求一种模块化的方式来用scss实现这个页脚。

html

css

sass

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-10 12:01:49

这是不可能的Sass严格地说是一种编译为CSS的语言，它不了解DOM，也不对您的标记做任何假设。您所要求的必须是CSS的一个功能，才能使它起作用。

CSS中有父选择器，但此时任何浏览器都不支持它。

你能得到的最接近的是这样的东西：

html%sticky-footer {
    position: relative;
}

body%sticky-footer {
    margin: 0 0 100px 0;
}

footer%sticky-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
}

html, body, footer {
    @extend %sticky-footer;
}

票数 0

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

原文链接：

https://stackoverflow.com/questions/19294278

复制

相似问题

问如何在sass中以模块化的方式实现这个粘性页脚？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在sass中以模块化的方式实现这个粘性页脚？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在sass中以模块化的方式实现这个粘性页脚？
EN