直接看代码
<script setup>
</script>
<template>
<div class="container">
<p>
<a href="javascript:;">纪检委</a>
<a href="javascript:;">中介为</a>
<a href="javascript:;">中纪委</a>
<a href="javascript:;">中纪委</a>
<a href="javascript:;">中纪委</a>
<a href="javascript:;">中纪委</a>
</p>
<p>CopyRight © 版权所有</p>
</div>
</template>
<style scoped lang='scss'>
p {
text-align: center;
color: #999;
padding-top: 20px;
a {
line-height: 1;
padding: 0 10px;
color: #999;
display: inline-block;
~a {
border-left: 1px solid #ccc;
}
}
}
</style>
显示结果如下:
a~a中~a的作用就是选中a中除第一个a外的所有的a