1.:first-of-type p:first-of-type 选择属于其父元素的首个p元素的每个p元素。 2.:last-of-type p:last-of-type 选择属于其父元素的最后p元素的每个p元素。 3.:nth-of-ty ...

备注：浮动会让元素脱离了文档流，使元素的显示更为灵活，但它也是一把双刃剑，同时会带来其他问题。 1. 浮动的元素会覆盖后面处于文档流中的元素 .box-1{ ...

本文目录： 1.Sass、LESS和Stylus的基本语法 2.变量（Variables） 3.作用域（Scope） 4.混合(Mixins) 5.嵌套（Nesting） 6.继承（Inheritance） 7.颜色函数 8.导入（Impo ...

如图，需求是将el-tree改成如下样式： 需求样式 默认展开第一层，左侧添加蓝色条条 点击任意一项时，左侧添加蓝色条条，其他的蓝色条条均消失 我们可以自由控制el-tree里面文字的样式，但是由于CSS暂时不支持通过子元素去查找父元素，所 ...

1. CSS Reset 为什么需要CSS Reset 浏览器对于各个HTML都赋予了默认的样式，并且不同的浏览器默认的样式不同，而通常我们的产品设计中样式都是不同于浏览器默认样式的，所以我们在开发中经常要去覆盖默认的样式，针对不同的浏览器 ...

HTML5的结构化标签，对搜索引擎更友好 li 标签对不利于搜索引擎的收录，尽量少用 banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li 可用于浅色副标题 display:inline-b ...

都记录一些有关前端方面的冷知识或者一些易踩坑点，防止大家踩坑。JavaScript所有对象都有 __proto__ 属性，都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...

很多人想让我给他们推荐有关CSS部分的教程，或者问我如何学习CSS。我也看到很多人对CSS的部分内容感到困惑，一部分原因是由于对语言的过时认识。鉴于CSS在过去几年中发生了相当大的变化，这是一个更新知识的好时机。即使CSS只是你所做工作的一 ...

基础的flexbox布局方法，大家都比较熟悉了，日常画页面 flexbox 布局用的66的，灵活布局、不同移动设备的适配我也不在话下，可是同事问我：“知道flex的具体是怎么计算的吗”，我一脸懵，我也不清楚呢，既然不懂就要学?‍♀️，写给未 ...

稍微了解前端的人都知道，圣杯布局和双飞翼布局是前端面试时必问的问题，因为它既能体现你懂HTML结构又能体现出你对ＤIV+CSS布局的掌握，毕竟我们学习CSS主要就是为了更好地布局带来最好的用户体验嘛~ 事实上，圣杯布局其实和双飞翼布局是一回 ...