码迷,mamicode.com
首页 > Web开发 > 详细

SCSS 中的 &::before 和 &::after

时间:2018-10-11 13:00:37      阅读:7687      评论:0      收藏:0      [点我收藏+]

标签:scss   生成   style   文件的   bsp   就会   test   col   some   

在看一个文件的时候,发现有&::before 和 &::after, 没有理解怎么用的,因为以前在项目的css文件中,从来没有使用过,也没有见过

网上查询了一下,才发现&::before 和  &::after都不是CSS中的内容,而是Sass和SCSS中的属性, 通常可以写成这样

Scss文件 
test.scss

li{

   /*  some style 1   */

  &::after{

     /* some style 2  */  
   

    }


}

它经过使用gulp进行编译后,就会生成test.css文件,如下

test.css

li { /*  some style 1 */}

li::after {/* some style 2 */}

 

SCSS 中的 &::before 和 &::after

标签:scss   生成   style   文件的   bsp   就会   test   col   some   

原文地址:https://www.cnblogs.com/wphl-27/p/9771696.html

(2)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!