热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

:后:Sass中伪元素选择器前[重复]-:afterand:beforepseudo-elementselectorsinSass[duplicate]

Thisquestionalreadyhasananswerhere:这个问题已经有了答案:Sass.scss:Nestingandmultiplecl

This question already has an answer here:

这个问题已经有了答案:

  • Sass .scss: Nesting and multiple classes? 2 answers
  • Sass .scss:嵌套和多个类?2答案

How can I use the :before and :after pseudo-element selectors following the syntax of Sass or, alternatively, SCSS? Like this:

如何使用:before和:after伪元素选择器,遵循Sass的语法,或者使用SCSS?是这样的:

p
  margin: 2em auto
  > a
    color: red
  :before
    content: ""
  :after
    content: "* * *"

Of course, the above fails.

当然,上述方法并不奏效。

1 个解决方案

#1


298  

Use ampersand to specify the parent selector.

使用&符号指定父选择器。

SCSS syntax:

SCSS语法:

p {
    margin: 2em auto;

    > a {
        color: red;
    }

    &:before {
        content: "";
    }

    &:after {
        content: "* * *";
    }
}

推荐阅读
author-avatar
jajajaja幸福_348
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有