审查元素中看到的这两个标签，表示内容并不在元素中，而是在css中，可以查看style看到具体内容。
一般来说这样做是为了清除浮动（clearfix）的代码，防止后边的容器因为浮动出现布局的混乱。
添加在选择到的元素内部之前和之后。
如下写法：
div:before { content: "\0020"; display: block; height: 0; overflow: hidden; font-size: 0; line-height: 0; visibility: hidden; } div:after { clear: both; }display有table属性。box-sizing:border-box属性
另：input type=checkbox的元素，checked="checked"这个属性只有在页面载入时才会添加上，动态勾选并不会令此属性添加上，不要用属性选择器去判断是否勾选，用伪类选择器可以很好的判断到:checked。
checked 属性规定在页面加载时应该被预先选定的 input 元素。
checked 属性 与 <input type="checkbox"> 或 <input type="radio"> 配合使用。
checked 属性也可以在页面加载后，通过 JavaScript 代码进行设置。
且此checked只要有值即为勾选，所以如果使用属性选择器的话，尽量避免[checked="checked"]这种，要使用的话可以用[checked]判断该属性存在
设置checked属性可以改变勾选状态
转载于:https://www.cnblogs.com/guangshan/p/4496418.html
