粘性定位(sticky)详解
sticky定位(粘性定位),指的是基于用户的滚动位置来定位。不同于前四个定位,他有点像relative和fixed的结合:当定位基点是自身默认位置时,他呈现为relative定位,而当页面滚动区域大于你的目标区域时,他则表现为fixed定位,可以固定在页面的某个位置。 粘性定位特点:1.以浏览器的可视窗口为参照点移动元素(固定定位特点)2.粘性定位占有原先的位置(相对定位特点)3.必须添加 to...
2023-07-10
根据数字不同显示不同的状态--函数法
之前为大家分享了根据后端返回的数字来显示不同的文字和状态,方法是在回调函数中直接处理改变数据。这里为大家分享另一种方法,正常获得回调函数中的值,改为直接在element表格中通过插槽和函数来改变文字。通过作用域插槽拿到表格的数据,传递该数据使函数生效,进而改变文字。这里还可以通过三目运算符来判断数字来改变css,以达到不同颜色不同文字的效果。
CSS伪类与伪元素的区别及用法
伪类与伪元素统称为伪选择器。首先举两个简单地例子看一下区别伪类的:first-child的举例我们如果想要给p中的第一个span更改颜色,通常的做法就是向他添加一个类,然后定义其样式。代码如下:这里我们更换一种方法,不用添加类我们直接设置第一个的:first-child伪类来为它添加样式。 这个时候,被修饰的元素依然处于文档树中,以上两个方法的效果都是相同的。下面来看伪元素的...
推荐的CSS书写顺序、规范
下午好 ,欢迎观看济南app开发山东文汇的官网, 昨天给大家分享了CSS 优化、提高性能的方法,今天给大家分享一下css书写顺序和规范。写了那么长时间的代码,也看了不少教程。在某篇教程中得知css也是有书写顺序的。css书写顺序:位置属性 (position, top, right, z-index, display, float等) 大小 (width, height, padding, ma...