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

Question

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

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

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

Answer 1

Dell 2019-03-04 20:36:52

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

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

• 提问者 风亻 #1

  非常感谢！

Answer 2

提问者 风亻 2019-03-03 22:27:41

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

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

• Dell #1

  是的，一个的时候，用before或者after都一样的