美文网首页
嵌套规则与运算(仿HTMl)

嵌套规则与运算(仿HTMl)

作者: 马丁路德东 | 来源:发表于2017-07-25 16:48 被阅读0次

& 当前选择器的父选择器

p,a,ul,li{
    & &{
        border-top:20px ;
    }
}

列出所有可能
2.运算就是小学运算(至少带一个单位)
颜色运算(转化rgb模式再运算0~255)
单词不能运算
3.函数

#bacoloc(){
    .a{
        font-size: 100px;
    }
}
 #bacoloc>.a;

省略写法

#bacoloc .a;

(import)原样编译到css文件中(不需要后缀)

@import 'url'

不加工他

@import{*}"url"

4.关键字important

子属性所有添加!important

5.条件表达式

when
.loop(@counter)when(@counter>0){
.width:10px
}

6.循环
集合自己调用自己

.loop(@counter)when(@counter>0){
.loop(@counter-1)
.width:10px
}

动态生成好多样式

image.png

7.合并属性(+以,分割;+_以空格分开)

background+_:#ccc;
background+_:url();

相关文章

  • 嵌套规则与运算(仿HTMl)

    & 当前选择器的父选择器 列出所有可能2.运算就是小学运算(至少带一个单位)颜色运算(转化rgb模式再运算0~25...

  • SCSS语法

    嵌套规则 引用父选择器 & 嵌套属性规则 运算 声明变量 数学运算 特殊的 / 除法运算符 scss为了兼容IE8...

  • LESS嵌套规则与运算

    1. 嵌套规则 (1)什么是嵌套规则:嵌套规则模仿了 HTML 的结构,让 CSS 代码更简洁明了 (2)示例: ...

  • 3.Sass 嵌套规则与属性

    嵌套规则 Sass 嵌套 CSS 选择器类似于 HTML 的嵌套规则。 嵌套属性 很多 CSS 属性都有同样的前缀...

  • 嵌套规则

    规则嵌套原型 关系运算符 and or not 运算符 大于 小于 大于或者等于 小于或者等于 mat...

  • HTML5与HTML4的元素嵌套规则

    HTML4的元素嵌套规则 在我们的印象中会有这样的嵌套规则: 内联元素不能嵌套块元素 元素和 元素不能嵌套块元素 ...

  • HTML元素嵌套规则

    HTML标签包括块级标签(block)、内嵌元素(inline) 1、块级元素 一般用来构建网站的结构、布局、承载...

  • 1.1 整数运算

    1. 四则运算 Java的整数运算遵循四则运算规则,可以使用任意嵌套的小括号。四则运算规则和初等数学一致。例如: ...

  • css less

    1、css less 2、less的嵌套规则 3、HTML5新增标签

  • HTML/CSS:规则、标签、快捷键、块和内联、属性、选择器

    规则: 标签不可嵌套 F12工具=检查 css中用/*注释*/ ; html中用