【CSS】どっちの記述が運用しやすい？

----------------------------------------------
.text:before,
.text:after{
display: block;
content: "";
position: absolute;
top: 0;
width: 2px;
height: 100%;
background: #999;
}
.text:before{
transform: rotate(-30deg);
}
.text:after{
transform: rotate(30deg);
right: 0;
}
----------------------------------------------
.text:before,
.text:after{
display: block;
content: "";
position: absolute;
top: 0;
width: 2px;
height: 100%;
transform: rotate(-30deg);
background: #999;
}
.text:after{
transform: rotate(30deg);
right: 0;
}
--------------------------------------------------