使用伪元素实现虚线

226 阅读1分钟

先上效果图

cdbd22a55bdad45c3f2f268089458c0.png 代码

287c9480b8cba1d9965fd889880dedf.png

使用伪元素::before::after来在元素的左侧和右侧创建一个垂直的虚线边框

'&' 对父选择器的引用

&:before, &:after:这是Sass或SCSS语法中的嵌套选择器(nested selector)用法。