8-3里的border-bottom的伪类before和after

来源:8-3 Vue项目城市选择页 - 列表布局

风亻

2019-03-03

.border-topbottom
&:before
border-color: #ccc
&:after
border-color: #ccc

.border-bottom
&:before
border-color: #ccc

老师,请问在这里为什么 .border-bottom 就不用写after伪类呢?
在边框这块的before和after写哪一个,写一个和两个都写的区别是什么呢?

写回答

2回答

Dell

2019-03-04

  1.  border-bottom 完美点也应该用伪类来实现

  2.  如果只有一个边框,用一个就行了,如果要处理左右两个边框,就要两个都用

0
1
风亻
非常感谢!
2019-03-05
共1条回复

风亻

提问者

2019-03-03

我在.border-topbottom里尝试过去掉before和去掉after,分别代表了上边框和下边框,而在

.border-bottom里我将before改为after却没有变化~

0
1
Dell
是的,一个的时候,用before或者after都一样的
2019-03-05
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程