css – 关于LESS中嵌套直接后代的问题
时间:2021-09-16
本文章向大家介绍css – 关于LESS中嵌套直接后代的问题,主要包括css – 关于LESS中嵌套直接后代的问题使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
所以我最近正在研究一些代码,并试图了解更多有关LESS的信息,而且有一件事我无法完全理解.我看到使用结构如下的东西:
.class{
>*{
/*some css*/
}
}
注意:> * {}嵌套在.class块中
我想知道这是做什么的,但有一些我不明白的事情.
我认为它在做什么:我假设它正在接受该类的所有直接后代并相应地设置它们的样式.所以实际的(编译的)css可能类似.class> * {}
我的问题:
>我的假设是正确的,还是做了完全不同的事情?
>如果这是正确的,为什么这个陈述不需要&像其他连接一样在它面前?
我很抱歉,如果这是以前出现的事情,我只是不知道还有什么其他方式来问谷歌同样的问题.
它实际上很简单:
嵌套的选择器元素总是与空格结合.例如. [1A]:
a {
b {}
}
结果是:
a b {}
同样的,[1b]:
:
a { > b {} }
结果是:
a > b {}
等等
—
&安培;只有在需要抑制空格时才必须使用,如[2a]中所示:
a {
&:hover {}
}
对于:
a:hover {}
或者如果不将父选择器元素放在前面,[2b]:
a {
b & {}
}
c {
& & {}
}
d {
& {}
}
e {
f ~ g:not(&) > & & + &&& {}
}
// etc.
导致:
b a {}
c c {}
d {}
f ~ g:not(e) > e e + eee {}
—
组合器永远不会影响任何东西,唯一的要求是组合器后面必须跟一个标识符,例如:
a { > b {} } // ok
a > { b {} } // error
漫思
原文地址:https://www.cnblogs.com/sexintercourse/p/15299731.html
- 程序员的暴力美学
- Reactor模式的.net版本简单实现--DEMO
- 能花钱的,就不要花时间
- Lombok介绍、使用方法和总结
- JDK1.7源码分析01-Collection
- Spring boot自定义启动字符画(banner)
- 产品解析:Github Atom
- Docker+Jenkins持续集成环境(5): android构建与apk发布
- Docker+Jenkins持续集成环境(4):使用etcd+confd实现容器服务注册与发现
- 易企秀前端压缩源码分析与还原
- 关于 JS 拖拽功能的冲突问题及解决方法
- 使用 SVG 和 JS 创建一个由星形变心形的动画
- 如何使用 Bootstrap 搭建更合理的 HTML 结构
- Java遍历Map对象的四种方式
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- ES 7.8 速成笔记(中)
- 什么?字符串为空?
- PowerBI DAX 计算组 基础篇
- 45. Vue路由vue-router的基本使用
- 博客园样式管理总结(个人博客园装修指南)
- 通过深度学习进行高频传感器故障检测和预测性维护
- 使用Yolov5进行端到端目标检测
- React入门实战实例——ToDoList实现
- ggplot画鸡冠花图
- 简单理解python中的self
- fgsea做GSEA
- 27.opengl高级光照-点光源阴影
- 28.opengl高级光照-法线贴图
- python抓取动态验证码,具体第几帧数的位置静态图片
- 在 Spring Security 中,我就想从子线程获取用户登录信息,怎么办?