随笔分类 -  css/sass

flex-warp换行后之间的间隔调整
摘要:情况:当使用flex-warp:warp时,没加align-content之前,元素在换行之后,剩余空间被所有行平分,各行将会伸展以占用剩余的空间。 解决:需要使用align-content改变剩余空间分配方式 阅读全文

posted @ 2023-07-18 16:26 ChoZ 阅读(1500) 评论(0) 推荐(0) 编辑

CSS :last-child选中不了元素
摘要:1.情况:当div:finaincingMark-right-item后还有div:sliderLine时,使用finaincingMark-right-item:last-child无法选中finaincingMark-right-item遍历后的最后一个div:finaincingMark-ri 阅读全文

posted @ 2023-06-28 11:39 ChoZ 阅读(82) 评论(0) 推荐(0) 编辑

css3中-webkit是什么意思
摘要:在CSS样式中很多样式名前缀都带有’-webkit-‘,但在CSS提供的API中查询不到这些样式名。 原因:CSS3中新增了一些属性,针对不同的浏览器,规定其内核名称让它们可以对这些新增属性进行解析。 解释:前缀为“-webkit-”的属性,能够在以webkit为内核的浏览器中正常使用。 各个不同浏 阅读全文

posted @ 2023-02-08 14:28 ChoZ 阅读(1769) 评论(0) 推荐(0) 编辑

vue项目-sass语法中使用data变量
摘要:1.需求:在vue的style模块的scss语言中,使用data中的变量 2.定义变量: 3.传递值给style模块:--activeColor是scss中的定义变量语法 4.在style中使用data变量 阅读全文

posted @ 2023-01-17 10:15 ChoZ 阅读(1259) 评论(0) 推荐(0) 编辑

sass基础
摘要:1.变量 1.1变量功能,$符号来标识变量,可通过变量名引用 1.2.变量名用中划线和下划线相通,$highlight-color == $highlight_color 2.嵌套规则 2.1层级嵌套 2.2父选择器标识符& 2.3 >:选择一个元素的直接子元素;+:选择一个元素紧跟的元素;~:选择 阅读全文

posted @ 2022-05-12 16:01 ChoZ 阅读(61) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示