相邻兄弟选择器分割线套路

作者: 前端技师胡帅博 | 来源:发表于2020-11-23 13:49 被阅读0次

相邻兄弟选择器分割线套路
CSS选择器一（+号和checked）
前端零基础课程--第八节课
CSS高级复杂选择器
2017-12-31
CSS进阶知识点--CSS3基本选择器及属性选择器
web学习:01-CSS3选择器(基本&属性)
CSS布局基础(五)--CSS3新增选择器
2018-09-25-day6总结
CSS基础-11-组合选择符（后代选择器，子元素选择器＞，相邻

.cell + .cell .text {
            border-top: 1px solid #eee;
 }


<div class="cell">
                    <div class="icon vertical-center">
                        <img src="icon2.png" alt="">
                    </div>
                    <div class="text">
                        我的关注
                    </div>

                </div>
                <div class="cell">
                    <div class="icon vertical-center">
                        <img src="icon2.png" alt="">
                    </div>
                    <div class="text">
                        我的关注
                    </div>

                </div>
                <div class="cell">
                    <div class="icon vertical-center">
                        <img src="icon2.png" alt="">
                    </div>
                    <div class="text">
                        我的关注
                    </div>

                </div>
                <div class="cell">
                    <div class="icon vertical-center">
                        <img src="icon2.png" alt="">
                    </div>
                    <div class="text">
                        我的关注
                    </div>

                </div>
                <div class="cell">
                    <div class="icon vertical-center">
                        <img src="icon2.png" alt="">
                    </div>
                    <div class="text">
                        我的关注
                    </div>

                </div>

效果如图

image.png