前端面试题-伪元素的应用
一、伪元素的应用 1. 清除浮动 父元素中有子元素，并且父元素没有设置高度，子元素在父元素中浮动，结果必然是父元素的高度为 0，这也就导致了父元素 高度塌陷 ，我们就需要清除浮动。 给浮动元素的容器添加一个 clearfix 的 class，然后给这个 class 添加一个 :after 伪元素实现元素之后添加一个看不见的块元素（Block element）清理浮动。 2. 分割线 HTML <p class="line">分割线</p> CSS .line::before, .line::after { content: ''; display: inline-block; border-top: 1px solid black; width: 200px; margin: 5px; } 3. 计数器 HTML <div class="chooses"> <input type="checkbox">a <input type="checkbox">b <input type="checkbox">c <input type="checkbox">d <input type="checkbox">e <input type="checkbox">f <input type="checkbox">g <input type="checkbox">h <input type=