最新 最热

一文搞懂css、scss、tailwindcss区别

SCSS(Sassy CSS)和 CSS(Cascading Style Sheets)是两种用于定义网页样式的语言,它们之间有一些关键的区别:

2023-10-30
1

scss是什么?安装使用的步骤是?有哪几大特性?

SCSS(Sassy CSS)是CSS的一种超集,它引入了许多增强的特性和功能,使得编写和维护CSS样式更加方便和灵活。SCSS使用类似于CSS的语法,同时还支持嵌套规则、变量、Mixin、继承等高级特性。...

2023-10-04
1

SCSS的嵌套规则可以减少重复代码,那么如何在嵌套规则中使用父选择器?

在SCSS中,使用&符号来引用父选择器,在嵌套规则中使用父选择器。这样可以避免重复编写选择器,并且在生成的CSS中保持正确的层级关系。

2023-10-03
2

scss|sass使用/deep/报错 Module build failed (from ./node_modules/sass-loader/dist/cj

@toc<hr/>报错信息Module build failed (from ./node_modules/sass-loader/dist/cjs.js):SassError: expected selector. ╷48 │ } │ ^ ╵ srcviewsettleinin...

2023-04-04
1

Vue 动态换肤

设计思路: 规划几套样式,通过动态class 或 scss 混入 @include 等方式进行赋值,给最外层的父元素添加全局样式。涉及到跨页面操作,可以将class转化为JSON字符串存在storage 或vuex 里,或者封装进公用组件,把每个页面不同的...

2022-10-28
2

移动端重构实战系列0——sandal 和 sheral

”本系列教程为实战教程,是本人移动端重构经验及思想的一次总结,也是对sandal及sheral UI的一次全方位剖析,首发在imweb和w3cplus两大站点及“前端Talk”微信公众号,其余所有标注或没有标注来源的均为转载。“——imweb ...

2022-06-29
1

移动端重构实战系列0——sandal &amp;amp; sheral

”本系列教程为实战教程,是本人移动端重构经验及思想的一次总结,也是对sandal及sheral UI的一次全方位剖析,首发在imweb和w3cplus两大站点及“前端Talk”微信公账号,其余所有标注或没有标注来源的均为转载。“——imweb ...

2022-06-29
1

vue中使用scss动态获取JS变量

vue中使用scss动态获取JS变量需求:image.png数据:list: [ { title: "Ⅰ级风险", color: "#ff3333", }, { title: "Ⅱ级风险", color: "#ff9554", }, { title......

2022-04-25
1

extjs7 classic工具栏按钮自定义样式

版本EXTJS 7.4.0 CLASSIC源码.scss@include extjs-button-toolbar-small-ui( $ui: 'toolbutton', // 自定义的UI名称 $font-size: 24px, $padding: 5px 1...

2021-12-07
3

小程序scroll-view滚动时高亮对应区域的吸顶tab项

记一下scroll-view的使用滚动时,区域元素出现在屏幕上,对应的tab项目高亮代码:wxml:<view class="sticky-menu" hidden="{{appear}}"

2019-11-06
1