codezha的博客

悬浮父元素，改变子元素样式 .parent:hover .children1 { //修改子元素样式 color: red; } 点击子元素，改变父元素样式 focus-within伪类选择器，它表示一个元素获得焦点或该元素的后代元素获得焦点 .parent:focus-within { //修改父元素样式 color: red; } ...

概述 弹性布局理解为在一个容器中，所有子元素按照规则排列展示，所有的子元素称为“项目”，容器本身存在主轴（水平方向）和交叉轴（垂直方向） 容器属性 flex-direction                   主轴项目排列方向 flex-wrap    &nbsp..

​ 浏览器默认的滚动条样式不是很美观，在有些需求中，我们需要更改默认滚动条样式。目前还无法做到兼容所有浏览器的范围内修改默认滚动条样式，Google、IE可更改默认滚动条样式，火狐暂不支持更改默认滚动条样式。 ​ 滚动条可修改以下样式： 修改部分 Google对应伪类 滚动条宽高及背景 ::-webkit-scrollbar 滚动条轨道 ::-webkit-scro...

CSS盒模型和BFC 为什么要了解BFC渲染机制？ 在开发过程中我们可能会遇到以下几种情况： 垂直方向上元素margin的合并现象（嵌套元素） <div class="father"> <div class="son"></div> </div> .father{ width:200px; ...