scss

报错 @import “~element-ui/packages/theme-chalk/src/index“；

@import“~element-ui/packages/theme-chalk/src/index”;src\views\login\theme\element-variables.scss

资深柠檬精·2025-06-25 19:40

Vue 样式穿透语法大全（涵盖 Vue2、Vue3、Less、Scss 等）

1.什么是样式穿透？样式穿透是在使用Vue组件时，为了修改子组件或第三方组件的样式而使用的一种特殊语法。当我们使用scoped样式时，由于样式被限制在当前组件内，要修改子组件的样式就需要使用样式穿透。2.为什么需要样式穿透？2.1Scoped样式的局限性.child{/*这里的样式只会影响到子组件的根元素*//*无法影响到子组件内部的元素*/color:red;}2.2常见使用场景修改第三方组件样

年纪轻轻就扛不住·2025-06-25 08:21

第九节 CSS工程化-预处理技术对比

以下是关于CSS预处理技术对比的深度解析，结合主流工具（Sass/SCSS、Less、Stylus）的核心特性、适用场景及工程化实践，帮助开发者根据项目需求做出合理选择。

泽泽爱旅行·2025-06-25 08:21

《不可不知的前端秘籍：CSS基础样式如何赋能SCSS阴影设计》

SCSS阴影效果作为提升页面质感与层次感的关键元素，如何确保其在各类浏览器中完美呈现，成为了开发者们亟待攻克的难题。

程序猿阿伟·2025-06-18 19:34

《深度剖析：SCSS中混入（Mixin）为浏览器前缀赋能》

不同的浏览器，如同性格迥异的守门人，对CSS样式的理解和呈现各有标准。在CSS新特性尚未成为行业共识前，各浏览器厂商会以独特的前缀标注自家版本，这就好比不同地区对同一事物的称呼差异，看似表达相同，实则形式大相径庭。例如，当我们试图用CSS3的动画效果为网页增添灵动气息时，不同浏览器却要求用不同的“咒语”才能生效。在Chrome和Safari中，需要使用“-webkit-”开头的属性；Firefox

·2025-06-17 17:40

《解码SCSS：悬浮与点击效果的高阶塑造法则》

悬浮与点击效果，看似简单，实则蕴含着深刻的交互设计原理。悬浮效果，就像是在用户与页面元素之间建立起一种微妙的对话。当用户的鼠标轻轻滑过元素，仿佛是在敲响一扇神秘之门，元素以色彩变幻、大小缩放、透明度调整等方式做出回应，吸引用户的注意力，引导其进一步探索。点击效果，则是这场对话的高潮，它确认用户的操作，给予明确的反馈，让用户感受到自己的行为得到了认可和回应。这种交互过程，不仅提升了用户体验，更增强了

程序猿阿伟·2025-06-17 17:05

uniapp uview3.0配置

npminstalluview-plus//main.jsimportuviewPlusfrom'uview-plus'app.use(uviewPlus)/*uni.scss*/@import'uview-plus

学习记录4399·2025-06-17 05:47

19.vue.js的style的lang=scss、less（2）

一、什么是lang=scss？

xd00002·2025-06-15 22:48

CSS Modules变量导出在JS中使用

在SCSS文件中声明变量，并在JS文件中通过引入CSSModules来使用这些变量。

·2025-06-15 19:02

@antv/x6、@antv/x6-react-components X6 图编辑引擎在 react typescript 项目中实践

/index.scss'import{Git

伍哥的传说·2025-06-15 10:29

移动端开发资源分享

1.移动端开发从零开始学习移动端Web开发手机分辨率和webapp分辨率的关系移动端适配之rem.jscss适配不同分辨率屏幕移动WEBAPP开发常规CSS样式总结移动端页面开发的两种方式H5移动端常用标签总结

weixin_30399797·2025-06-15 09:54

Vite 配置篇：日常开发掌握这些配置就够了！

例如，在scss中定义一个全局变量：//vite.conf

前端阿飞V·2025-06-13 22:32

sass、scss的使用

sass在我们书写css的时候我们会发现重复性代码太多对应的产生了预编译css（最终会编译成css文件），常用的预编译css有什么？预编译css1.sass（源码使用ruby写的基于python环境运行）2.less（诞生比sass要晚整体语法跟sass差不多）3.styus概述sass是世界上最成熟、最稳定、最强大的专业级CSS扩展语言！特性1.兼容CSS（在sass文件里面可以直接书写css）

九九七七·2025-06-13 12:55

CSS预处理器 Sass/Scss

文章目录介绍Sass是什么Scss是什么Scss与Sass异同为什么使用Sass?

繁星学编程·2025-06-13 12:54

常用的scss工具方法封装

主要总结开发中常用的工具方法:1.移动端1px@mixinborder1($bColor,$type:bottom){position:relative;&::before{content:'';display:block;position:absolute;left:0;right:0;@if($type=='top'){top:0;}@if($type=='bottom'){bottom:0;

风清云淡_A·2025-06-13 12:24

uniapp常用技巧

第一篇scss函数的使用创建一个mixin.scss文件/*控制文本的隐藏*/@mixinellipsis($clamp:1){overflow:hidden;text-overflow:ellipsis

闷墩儿这只小猫咪·2025-06-13 12:24

sass/scss中的父选择器标识符&

在sass/scss使用嵌套规则时，可以使用&符号来表示父选择器，也就是上一级选择器。

听海边涛声·2025-06-13 04:51

scss（sass）中 & 的使用说明

在SCSS（Sass）中，&符号是一个父选择器引用，它代表当前嵌套规则的外层选择器。

BillKu·2025-06-13 03:48

【uniapp】小程序中input输入框的placeholder-class不生效

v-deep.textarea-placeholder{font-size:24rpx;font-weight:400;//color:rgba(176,184,194,1);color:red;}3.样式穿透scss

顽强d石头·2025-06-13 01:02

Fullstack 面试复习笔记：HTML / CSS 基础梳理

面试复习笔记：Java基础语法/核心特性体系化总结Fullstack面试复习笔记：项目梳理总结Fullstack面试复习笔记：Spring/SpringBoot/SpringData/Security整理SCSS

GoldenaArcher·2025-06-09 05:42

CSS 预处理器与工具

目录CSS预处理器与工具1.Less主要特性2.Sass/SCSS主要特性3.TailwindCSS主要特性4.其他工具PostCSSCSSModules5.选择建议CSS预处理器与工具1.LessLess

超级土豆粉·2025-06-08 13:47

uni-app全局引入scss文件的不同方式

1.使用config方式引入在项目下创建vue.config.js文件module.exports={css:{loaderOptions:{scss:{prependData:`@import"~@/

MINO吖·2025-06-07 11:55

浅论前端页面优化对SEO的重要性

性能角度优化：网页的性能主要体现在“加载速度”和“浏览流畅度”两个方面，主要方法有：**减少页面请求、CDN加速、精简代码（一个页面最好不要超过100k）、压缩传输（jscss压缩）、引用新框架

米斯特肖·2025-06-07 11:52

sass高阶应用

Sass（尤其是SCSS语法）除了基础功能外，还提供了许多高级特性，可以实现更灵活、可维护的样式系统。以下是Sass的高级语法和应用技巧，适合中大型项目或组件库开发。

香蕉可乐荷包蛋·2025-06-04 12:57

react项目搭建和基本配置

1.使用CRA创建项目npxcreate-react-appreact-jike清除目录中不需要的文件2.安装scssnpminstallsass-D3.安装AntDesign组件库安装成功npminstallantd

qq_58956810·2025-06-02 01:21

Vue 项目中 Sass 与 Less 的对比

文章目录一、核心特性对比二、Vue项目集成方案三、性能关键指标四、选型决策矩阵五、Vue3最佳实践六、构建优化建议最终建议一、核心特性对比特性Sass/SCSSLess语法扩展.scss(类CSS语法)

香蕉可乐荷包蛋·2025-06-01 21:52

原因是将这个scss文件重复引入了, 修改如下：

+，这个选项名是“additionalData”css:{loaderOptions:{sass:{additionalData:`@import'@/assets/styles/variables.scss

weixin_42777161·2025-06-01 17:26

Thymeleaf 公共页面抽取

Thymeleaf公共页面抽取在Web项目中，通常会存在一些公共页面片段（重复代码），例如头部导航栏、侧边菜单栏和公共的jscss等。

2401_87845453·2025-05-27 19:11

如何在 CSS Modules 中使用 Sass 或 Less？

使用Sass1.安装Sass首先，你需要安装Sass：npminstallsass2.创建SassModule文件创建一个以.module.scss结尾的文件。

祈澈菇凉·2025-05-26 02:37

uniapp出现 Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的

1、找到manifest.json文件2、添加如下代码"sassImplementationName":"node-sass",

程序员阿明·2025-05-23 18:22

react-微信小程序封装日历携带日程组件

/index.scss';importReact,{useEffect,useState}from'react';i

_琉·2025-05-22 15:58

web小游戏开发：拼图（一）

web小游戏开发：拼图（一）拼图游戏规则拼图方式原始拼图对调拼图移动拼图拼图难度拼图交互puzzle8.com联众拼图其他部分拼图游戏准备工作htmljscss小结拼图游戏规则对于拼图游戏来说，整理有两种拼图块

文盲老顾·2025-05-22 04:11

Nuxt.js知识框架

以下是其主要的核心概念：目录结构assets:存放未编译的资源文件（如SCSS文件），这些文件会被Webpack编译。components:放置可重用的Vue组件。

言拂C·2025-05-13 12:03

《Vite终极配置指南 | 手把手搭建高效Vue3开发环境》

Vite就像前端开发的涡轮增压引擎——✅闪电启动：基于ESM的按需编译✅热更新神速：HMR速度提升10倍+✅开箱即用：内置TypeScript/SCSS支持✅高度可扩展：插件生态丰富️一、配置文件全景解析

落叶下长安_·2025-05-13 10:26

sass、scss、css、less

less、scss、sass都是CSS预处理器语言为什么要使用CSS预处理器？

小手牵大喵·2025-05-12 22:12

vue3设置全局css变量

1、common.scss文件中定义全局变量$common-color:red;2、在vite.config.js中导入common.scss文件defineConfig({css:{//css预处理器

煸橙干儿~~·2025-05-11 22:28

2使用预处理器sass，定义全局css变量

save-devnpminstallnode-sass--save-devnpminstallsass-resources-loader--save-dev2新建或者在vue.config.js中引入目标scss.scssmodule.exports

前端小云儿·2025-05-11 22:26

css变量设置主题色切换

除了scss和less,css也可以使用变量,但是要新版本浏览器才行,微软edge浏览器也支持;想支持旧版本浏览器.可以使用插件:css-vars-ponyfill下面是支持浏览器列表(绿色是支持的,红色不支持

竹子js·2025-05-11 22:56

CSS使用JS变量

:root{--primary-color:blue;}h1{color:var(--primary-color);}2.如何在Vue2中使用template{{content}}scss.lines{

_虾仁不眨眼_·2025-05-11 22:25

HTML+CSS 个人学习时的笔记，粗略参考【CSS】

CSSCSS书写顺序1.布局定位属性display/position/float/clear/visibility/overflow2.自身属性width/height/margin/padding/border

浅度学习的ryan·2025-05-10 05:57

vue中scss使用js的变量

一、前言在项目开发中，很多时候会涉及到scss样式变量，正常定义方式$primary-color:rgb(188,0,194);；使用时直接使用即可：color:$primary-color。

halo1416·2025-05-09 20:33

前端代码开发规范总结

正例：反例：(三)CSS规范1.3.1命名类名使用小写字母，以中划线分隔id采用驼峰式命名scss中的变量、函数、混合、placeholder采用驼峰式命名ID和class的名称总是使用可以反应元素目的和用途的名称

sgegv·2025-05-09 04:16

html折叠卡片,HTML5 层叠的卡片

CSS语言：CSSSCSS确定.container{width:320px;height:568px;}.passes{width:100%;list-style:none;padding:0;margin

ideogram_ai·2025-05-08 08:07

uView——uview 中 u-input 设置只读后点击事件不生效解决方案

解决方案：使用pointer-events:nonepointer-eventsCSS属性指定在什么情况下(如果有)某个特定的图形元素可以成为鼠标事件的target(en-US)。

dbt@L·2025-05-05 13:40

CSS 变量与原生动态主题实现

与SCSS或LESS等预处理器中的变量不同，CSS变量在运行时计算，这意味着它们可以动态更新，为前端开发带来极大的灵活性。

BitCat·2025-05-05 06:51

《解锁SCSS算术运算：构建灵动样式的奥秘》

SCSS作为CSS预处理器，算术运算功能犹如一颗璀璨明珠，赋予我们动态计算样式属性值的强大能力，让网页样式不再是一成不变的刻板呈现，而是能够根据各种条件和需求灵动变化。

·2025-05-05 05:57

Vue3 关于scss预编译中:deep 其中的deep如何理解

在SCSS预处理器中，:deep是一个伪类选择器，用于选择一个元素的所有后代元素，无论它们在DOM结构中的层级深度如何。

地表最强菜鸡·2025-05-02 05:22

阿里qiankun微服务搭建

/style/base.scss'import'virtual:svg-icons-register'import{createApp}from'vue'import{createPinia}from'pinia'importAppf

接着奏乐接着舞·2025-04-30 03:22

python爬虫之JS逆向——爬虫基础

目录一、http协议二、前端三剑客1HTML标签标签举例2CSSCSS的引入方式选择器属性操作3JS基础JS的引入方式JS的基本语法变量赋值数据类型运算符分支语句循环语句函数JS的内置方法字符串的内置方法数组的内置方法内置高阶方法

依彡·2025-04-29 00:58

css3制作翻滚动画,使用CSS3实现翻滚的盒子动画

CSS语言：CSSSCSS确定html{background:-webkit-linear-gradient(top,#7d7d7d0%,#0d0d0d100%);background:linear-gradient

weixin_39592789·2025-04-27 17:18

推荐频道