SASS 中的变量和 LESS 中一样，只是定义格式不同，只演示 sass：LESS 中定义变量：@变量名称: 值;SASS 中定义变量：$变量名称: 值;$w: 200px;SASS 中变量特点SASS...red; margin-bottom: 20px;}.box2 { width: $w; height: $h; background: blue;}图片可以把变量赋值给其它变量$w: 200px...; background: red; margin-bottom: 20px;}.box2 { width: $w; height: $h; background: blue;}图片区分全局变量和局部变量...: $h; background: red; margin-bottom: 20px;}.box2 { width: $w; height: $h; background: blue;}图片SASS...定义变量注意点LESS 中变量是延迟加载，可以先使用后定义SASS 中变量不是延迟加载，不可以先使用后定义$h: 200px;.box1 { $w: 300px; width: $w; height
有点类似于C语言 print("%s,%d,%d"%(name ,age ,school))
SCSS 保留了 CSS 的原有语法，同时增加了变量、嵌套规则、混合宏（mixin）、继承等高级功能。本文将详细介绍 SCSS 的基本使用方法，帮助读者快速上手并掌握 SCSS 的核心概念和技巧。...继承SCSS 允许一个选择器继承另一个选择器的样式，这样可以避免重复代码，提高代码的复用性。...插值插值允许将变量或表达式的结果插入到选择器名称、属性名称或属性值中。...部件化与模块化将样式拆分为多个独立的文件，使得代码更加模块化和可维护。可以使用 @import 语句引入其他 SCSS 文件。...使用任务运行器可以使用 Gulp、Grunt 等任务运行器来自动化编译 SCSS 文件。
大家好，又见面了，我是你们的朋友全栈君。...css04.css 1 /*属性选择器相关样式*/ 2 3 4 [love] { 5 color: green; 6 } 7 8 [love="me"] { 9...1 补充示例 31 属性选择器 2 补充示例 32 属性选择器 3 补充示例... 33 属性选择器 4 补充示例 34 属性选择器 5 补充示例 35 属性选择器 6 补充示例 36 属性选择器 7 补充示例 37
css文件 其他一些使用sass命令编译可带的参数 （图片来自慕课网教程） ?...选择器嵌套为样式表的作者提供了一个通过局部选择器相互嵌套实现全局选择的方法， Sass 的嵌套分为三种： 选择器嵌套 属性嵌套 伪类嵌套 （1）选择器嵌套 示例： 假设我们有一段这样的结构...，还可以传多个参数，多个参数用逗号隔开，其实照js的说法，参数也就是一个变量，也就是在括号中设了几个变量先传到大括号中。...中的继承，可以继承类样式块中所有样式代码，而且编译出来的 CSS 会将选择器合并在一起，形成组合选择器： .btn, .btn-primary { border: 1px solid #ccc;...个人建议：如果你的代码块不需要传任何变量参数，而且有一个基类已在文件中存在，那么建议使用 Sass 的继承。
嵌套 选择器嵌套 在 Sass 中，可以在父选择器中写子选择器，以嵌套的形式来表达关联的关系，这样做可以减少我们重复书写父选择器的工作量。...父选择器 & 在 CSS 中，基本选择器分为以下几种： ID 选择器，如 #id 类选择器，如 .class 标签选择器，如 div、p 属性选择器，如 [lang='en'] 伪类选择器，如 a:hover...、div:first-child 伪元素选择器，如 p::before、p::after 其中，伪类和伪元素选择器需要与别的选择器复合使用，以确定是哪些元素的伪类或伪元素。...要注意的是，在复合选择器中，& 只能放在开头使用。 群组选择器 在 CSS 中，可以用逗号分隔多个选择器，形成一个群组。...变量作用域 在 Sass 中，变量只能在它被声明的层级和子层级访问；如果一个变量在不同层级中被重复定义，在使用时会从下到上寻找最近的定义。这与 JS 中的函数作用域相似。
选择器嵌套为样式表的作者提供了一个通过局部选择器相互嵌套实现全局选择的方法，Sass 的嵌套分为三种： 选择器嵌套 属性嵌套 伪类嵌套 5.2 选择器嵌套 假设我们有一段这样的结构： ...在 Sass 中也具有继承一说，也是继承类中的样式代码块。在 Sass 中是通过关键词 “@extend”来继承已存在的类样式块，从而实现代码的继承。...中的继承，可以继承类样式块中所有样式代码，而且编译出来的 CSS 会将选择器合并在一起，形成组合选择器： .btn, .btn-primary, .btn-second { border: 1px...9.4 Sass 中的继承 同样的，将上面代码中的混合宏，使用类名来表示，然后通过继承来调用： 见代码示例 **总结：**使用继承后，编译出来的 CSS 会将使用继承的代码块合并到一起，通过组合选择器的方式向大家展现...个人建议：如果你的代码块不需要专任何变量参数，而且有一个基类已在文件中存在，那么建议使用 Sass 的继承。
aa.w不是一个叫aa的实例里面的w属性，而是类aa，他里面的w属性，这句话其实等于 class aa: w=20 # a.w = 13 #...他们是___变量 a.t = 14 #实例a里面的属性t的值# a.q = 15 #原理同上# print a.t, a.q #程序继续增加如下...他们是___变量 aa.m = 30 #同aa.w=20那句话一样，只不过用这种方式增加属性，而不用从头再把那个类写一遍， 这句话其实等于 class aa: m=20...#m和n在上面的程序里已经被aa添加了，所以结果是什么应该显而易见了# #要解决以上问题，首先得清晰何时类才有了类变量，实例有了实例变量？...#其次要深入理解类变量的作用，实例变量存在的范围和谁相关！
之前我们在讲类和对象时就提到过内部类，不过当时说了等讲完抽象类和接口再讲这个，现在兑现诺言的时候到了，那我们开始内部类的学习吧！ 内部类 ❤️❤️内部类是指在一个类的内部定义的另一个类。...不带this直接用a时因为内部类没a所以就表示这是外部类中的a。 成员方法跟成员变量同理。 2. 而当内部类和外部类存在同名的成员变量时，内部类直接使用它时会优先选择自己的成员变量。...（这个懂得都懂，就不多讲了） ❤️❤️除此之外，到了其他类中我们用内部类对象引用就只能引用其内部方法和变量（不能引用外部类的） 用外部类对象引用也只能引用其方法和变量（不能引用内部类的）...如添加OutClass outclass=new OutClass（）；而后将在内部类中且原本来自外部类的实例变量和实例方法前加上outclass. 就可以了。...其语法格式如下： 接口 类名 = new 接口() { // 匿名内部类的成员变量和方法 }; 注意实施该接口的类被隐藏了，没有显示出来（以及implements也没显示出来），我们new
/** * 单个头文件，可即时独立使用，只要定义了宏NOT_WITH_MOOON，即不依赖于mooon * 简单的写日志类，非线程安全，提供按大小滚动功能 * 不追求功能...#define MOOON_SYS_SIMPLE_LOGGER_H // 只要定义了NOT_WITH_MOOON宏， // 则本文件和mooon无任何关系，方便集成到自己的代码中... return result_stream.str(); } /*** * 取当前时间，和date_util.h有重复，但为保持simple_logger.h的独立性... * @log_size 每个日志文件的大小，单位为字节数，如果小于1024，则会被强制为1024 * @log_numer 日志滚动的个数 * @record_size...log_numer; /** 日志滚动的个数 */ unsigned short _record_size; /** 单条日志的大小，单位为字节数 */ };
Sass： (Syntactically Awesome StyleSheets) sass简介 来自于官网的简介： Sass is the most mature, stable, and powerful...变量 sass 的变量必须是 $ 开头，后面紧跟变量名，而变量值和变量名之间就需要使用冒号(：)分隔开（就像 CSS 属性设置一样），如果值后面加上 !default 则表示默认值。...global 即为全局变量。 在选择器中声明的变量会覆盖外面全局声明的变量。...global 之后才会成为全局变量。 嵌套(Nesting) sass 的嵌套包括两种：一种是选择器的嵌套；另一种是属性的嵌套。...继承 sass 中，选择器继承可以让选择器继承另一个选择器的所有样式，并联合声明。使用选择器的继承，要使用关键词 @extend ，后面紧跟需要继承的选择器。
class A:v1 = 100 # 类变量def __init__(self):self.v2 = 200 # 成员变量v3 = 300 # 局部变量类变量可以由类名统一修改:A.v1 = 300#...则每一个A实例里v1都变成300成员变量只能由实例自己改变：A.v2 # 这个是错的。...a = A()a.v2 # 这个是可以访问的。局部变量只在函数内部生效
使用变量 声明/引用/命名, 重复定义的变量按最后一次定义为准 声明规则: $key:value $highlight-color: #F90; 引用规则: $key:value .box {...嵌套规则 &标识符: 在需要避免sass默认解套后空格连接父子选择器导致样式不生效的的情况下使用&处理,如遇到伪类选择器:hover等。...article a { color: blue; &:hover { color: red } } 群组选择器的嵌套: 多个子选择器拥有公共父选择器,并且需要给子选择器设置通用属性的情况...多次定义相同变量会造成值的覆盖 可以通过使用!...继承@extend 何时使用: 类名用于语义化样式的重用 定义 //通过选择器继承继承样式 .error { border: 1px solid red; background-color
1.类的私有变量和私有方法 1）_xx 以单下划线开头的表示的是protected类型的变量。即保护类型只能允许其本身与子类进行访问。...若内部变量标示，如：当使用“from Mimport”时，不会将以一个下划线开头的对象引入。 2）__xx 双下划线的表示的是私有类型的变量。...只能允许这个类本身进行访问了，连子类也不可以用于命名一个类属性（类变量），调用时名字被改变（在类FooBar内部，__boo变成_FooBar__boo,如self....**情况就是当变量被标记为私有后,在变量的前端插入类名,在类名前添加一个下划线"_",即形成了_ClassName__变量名.** Python内置类属性 __dict__ : 类的属性（包含一个字典，...由类的数据属性组成） __doc__ : 类的文档字符串 __module__: 类定义所在的模块（类的全名是'__main__.className'，如果类位于一个导入模块mymod中，那么className
类的静态成员要在类内声明，类外定义。这样做的原因参照 here类外定义时又要注意哪些内容呢？不在头文件中定义静态成员变量这是“尽量不在头文件中定义变量”（参考）的延伸。...错误的代码示例class.h#ifndef __CLASS_H#define __CLASS_Hclass A{ static int var;};int A::var = 1;#endifmain.cppint
Sass和Less（预处理器） 一、了解Sass和Less 二、Sass和Less 语法 2.1 注释 2.2 语法 赋值 插值 作用域 选择器嵌套、伪类嵌套、属性嵌套（Sass） 运算 函数 混合、命名空间...---- 在Less文件中，在大括号内先取值，在定义，最后显示的都是大括号内的变量值 图片 定义值后，用#{}进行插值， ---- 在Sass文件中，如果先取值，在定义新变量，定义新变量之前的会使用之前的值...Sass作用域有顺序。 图片 选择器嵌套、伪类嵌套、属性嵌套（Sass） 在Less和Sass中，可以对标签嵌套，在里面写各个层级写相应的样式，编译完成后，会自动写好对应的选择器。...减少复杂的编译选择器代码。 伪类嵌套，需要在伪类的冒号前面加&，不然会有空格。 属性嵌套只有在Sass中有，Less没有。...} a{ background: azure; // & 父类元素选择器，添加伪类选择器 &：hover{
目录 常用命令 变量 嵌套css规则 群组选择器 子选择器，相邻，同级选择器 属性嵌套 import导入 嵌套导入 sass注释 sass乱码解决 常用命令 sass 命令 sass input.scss...变量 sass使用“$”声明变量如 $theme-color:#f98; sass变量有块级作用域，也就是一个{}的变量不能在另一个{}里面使用 #main{ $testColor:red;...//实际编译的结果 article a{ color:red; } article a :hover{ color:blue } 可以看到实际编译的结果a与伪类选择器中间多了一个空格 表示的是...> 解决办法：给伪类元素加一个“&”表示“&”表示当前设置样式的选择器 article{ a{ color:red; &:hover{...#main {color: red; } .test {background: red; } import默认值 有些时候我们导入一些sass文件，但某个sass文件可能会跟我当前的sass文件类名冲突
API、Option类、可重复注解等特性，在生产环境中使用非常广泛； • Java 11 (Java 11, JDK 1.11)：增加了大量实用的新特性，包括新的 ZGC、云计算监控诊断、Http Client...支持Unicode 10.0.0等，一共包含 17 个 JDK 增强提案； • Java 17 (Java 17, JDK 1.17)：具有switch 新增模式，增加 Realed class 密封类，...配置环境变量 配置系统变量： 进入 此电脑-》属性-》高级系统设置-》环境变量-》系统变量，点击 新建： JAVA_HOME C:\Program Files\Java\jdk1.8.0_251 **配置...lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; 测试 Win+R 打开 cmd 输入： java -version javac 安装多个版本...安装下载好的 JDK21，重复上述安装 JDK1.8 的步骤到 配置环境变量 有所不同： 添加系统变量如下： JAVA_HOME8 C:\Program Files\Java\jdk1.8.0_251
保持类的作用域以避免意外地设置样式有时候有的很累。 即使引入了 CSS 变量以减少声明的重复，但使用预处理器仍可以解决变量的一些问题。 例如：较长的变量名。...基本的CSS 选择器仍然适用于 SCSS，比如： > 选择器 .container{ > .left-area{ ... } } 现在，只有类为container的直接子类才会获得样式。...父选择器(&) 如果我们想通过添加一个类来修改一个类，我们可以使用父选择器，它主要用于添加辅助样式改变元素样式的情况，这也会起到修饰符的作用，& 在 scss中表示自身的意思。...，就像这样 在代码示例中，由于父选择器的原因，color:#fff只适用于.theme-dark类。...CSS 中变量的概念来自 JS 方法。 请注意，SCSS中的@import用于将部分内容获取到其他SCSS文件中，但它们不会成为 CSS 文件，名称前用_表示。
关于变量在Less和Sass中的唯一区别就是Less用@，Sass用$。...1、Less： 【两种注释方式】 (1)、声明变量:@变量名:变量值; 使用变量: @变量名 >>>less中变量的类型： ①数字类 1 10px ②字符串：无引号字符串 red ;有引号字符串...： 多次频繁出现的值、需要修改的值，设为变量 (2)、混合(MiXins) ①无参混合 声明：.name{} 选择器中调用：.name; ②代参混合 无默认值声明：.name(@param){...： (1)、Sass中的变量 使用 $变量名：变量值，声明变量； 如果变量需要在字符串中嵌套，则需使用#加大括号包裹； border-#{$left}:10px solid blue; (2)、Sass...中的运算，会将单位也进行运算，使用时需注意最终单位 例：10px10px=100pxpx (3)、sass中的嵌套：选择器嵌套，属性嵌套，伪类嵌套 选择器嵌套 ul{ li{} } 后代 ul{
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
