扫码关注官方订阅号
小伙看你根骨奇佳,潜力无限,来学PHP伐。
其實 css 就可以實現了,用 偽類 和 + 選擇器
css
偽類
+ 選擇器
<p class="group"> <span class="item">AAA</span> <span class="item">BBB</span> <span class="item">CCC</span> </p>
.item+.item:before { content: '|'; }
這個意思是指:當 當前元素(.item) 前面有 (.item)元素 時,就在前面插入一個 |所以第一個不會有,因為前面沒元素而最後一個也沒有,因為是插入在前面
當前元素(.item)
(.item)元素
|
補充一個 :not 選擇器的用法,可讀性較佳:
:not
.item:not(:first-child):before { content: '|'; }
我有个想法,可以把|加在文字的前面,然后用margin-left将文本左移,遮住每行最开始的线
margin-left
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
其實
css就可以實現了,用偽類和+ 選擇器這個意思是指:當
當前元素(.item)前面有(.item)元素時,就在前面插入一個|所以第一個不會有,因為前面沒元素
而最後一個也沒有,因為是插入在前面
補充一個
:not選擇器的用法,可讀性較佳:我有个想法,可以把|加在文字的前面,然后用
margin-left将文本左移,遮住每行最开始的线