黎小小的博客

可以使用:last-child或者:last-of-type。场景：比如多个div只有最后一个没有下边框。

解决：通过display:none和display:block显示和隐藏元素；使用 div +p选择器选择当前div的下一个紧跟的p元素。背景：鼠标悬浮时显示删除，放开后显示组件名。

css盒模型：标准盒模型和IE盒模型标准盒模型转换为IE盒模型：box-sizing：border-box；

子元素使用display: inline-block；left:50%和top:50%;transform: translate(-50%,-50%)通过属性box-sizing进行区分，标准盒模型box-sizing为默认值：content-box;知道宽高情况下：父元素相对定位，子元素绝对定位；left:50%和top:50%;，就可以设置父级容器box-sizing: border-box；横向：子元素中display:inline-block或者float浮动，或者定位。

原理：其实就是规定元素的四个边框颜色及边框宽度，将元素宽高设置为0。如果要哪个方向的三角形，将对应其他三个方向的边框宽和颜色设置为0和透明transparent即可。

实现原理很好理解，就是通过伪元素绝对定位到行尾并遮住文字，再通过。需要注意的是，如果文本为一段很长的英文或者数字，则需要添加。内核的浏览器，由于移动端大多数是使用。一般文本存在英文的时候，可以设置。使一个单词能够在换行时进行拆分。属性扩展，所以兼容浏览器范围是。实现也非常简单，核心的。，所以移动端常用该形式。可以看到，上述使用了。