css里的&符号是代表什么意思呢？

最新推荐文章于 2024-10-01 23:54:35 发布
最新推荐文章于 2024-10-01 23:54:35 发布
阅读量2.9w 收藏 44
点赞数 17
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/j448749903/article/details/82683144
版权 
.bordered {
  &.float {
    float: left; 
  }
  .top {
    margin: 5px; 
  }
}

等同于：

.bordered.float {
  float: left; 
}
.bordered .top {
  margin: 5px;
}

.bordered.float 是串联选择器，作用在同一标签上
.bordered .top 是后代选择器，作用在不同标签上 

j448749903
关注
前端开发：CSS的“*”“#”“.”符号的对比使用
软贱开发攻城狮
08-09 5401
在前端开发过程中，CSS是前端的三驾马车之一，关于CSS的使用也是非常重要的环节，可能有人觉得在前端学习或开发中最容易的就是关于CSS的，但是要想精通使用CSS也不是一件容易的事情，也就是看着简单要想完美使用难，所以CSS的使用也是不容忽视的。本篇博文来分享一个关于CSS的符号相关内容，关于它的使用也是比较常用的，常用的有：“*”、“#”、“.”等符号，所以在前端项目开发中经常会用到该功能，总结一下，方便查阅使用。..................
CSS中有些属性的前面会加上“*”或“_”所代表的意思
09-24
在CSS代码中，有时候会看到属性前加上特定的符号，如“*”或“_”，这种做法主要用于实现跨浏览器兼容性，即对旧版本浏览器进行特定样式的调整。 在CSS中，一个属性如果在前面加上“*”符号，通常意味着这个属性是...
css中“[]”、“”“~”、“，”、“+”和“>”详解
LoveSummer
09-24 8122
p~ul{ 　　 background:#8e8e8e; } <p>段落P</p> <ul> 　　 <li>列表项1</li> 　　 <li>列表项2</li> 　　 <li>列表项3</li> </ul> ~ p~ul选择前面有<p>元素的每个<ul>...
CSS中的&代表的什么意思
Rocky balboa
01-07 3106
参考: https://www.jianshu.com/p/bf4330f9f252。.bordered.float 是串联选择器，作用在同一标签上。.bordered .top 是后代选择器，作用在不同标签上。这是sass的语法，代表上一级选择器。& 表示嵌套的上一级。解释成CSS代码如下。
CSS全解析
最新发布
TTKunn的博客
10-01 2612
CSS全解析
css样式中&的用法
qq_43916187的博客
10-25 7992
6、&:nth-child(n)和&:nth-of-type(n)：表示选择特定位置的子元素或同类型元素。在css中，“&”符号通常用于选择器中，表示选择某个元素的子元素或特定状态下的元素。3、&::before和&::after ：表示在当前元素的前面或后面插入伪元素。5、&[attribute=value] ：表示选择具有特定属性和属性值的元素。4、&:hover和&:focus ：表示鼠标悬停或聚焦时应用的样式。1、&- ：连接父元素和子元素的类名。2、&. ：连接父元素和子元素的类名。
CSS中&的意思：是sass里面的新语法，相当于this的作用
weixin_45776308的博客
12-08 423
.el-row { margin-bottom: 20px; &:last-child { margin-bottom: 0; } } 等同于： .el-row { margin-bottom: 20px; } .el-row:last-child { margin-bottom: 0; }
【CSS基础】&符号
weixin_55054681的博客
12-24 2235
表示嵌套的上一级，比如你的代码中，& 表示 .el-row 可以看做是嵌套里面的一个变量，值是代表上一级。的语法,代表上一级选择器,实际编译成css就是 .el-row:last-child{}
CSS表情符号动画.zip
07-11
CSS表情符号动画是利用CSS技术来创建动态的、富有表现力的表情符号效果。这种技术能够使网页更加生动有趣，吸引用户的注意力，尤其在社交媒体、聊天应用或者互动界面中非常常见。 首先，我们需要了解CSS中的关键帧...
HTML&CSS&JS鼠标事件基础
09-27
### HTML&CSS&JS鼠标事件基础 —— HTML基础知识详解 #### 一、HTML标签属性 在HTML中，标记（也称为标签）是用来定义文档结构和布局的重要元素。这些标记可以通过添加属性来进一步定制其行为和外观。 - **属性**...
html&css入门资料
04-27
CSS则负责网页的外观和布局，包括颜色、字体、布局、位置和响应式设计等。 HTML的起源与发展： HTML起源于1990年代初，由蒂姆·伯纳斯-李在欧洲核子研究中心（CERN）创建，目的是为了促进信息的共享和交流。随着...
CSS中的&代表的什么
热门推荐
weixin_42861240的博客
09-04 4万+
如源码： ul{ margin-bottom: 20px; &amp; &gt;li { margin-bottom: 0; } } &amp; 表示嵌套的上一级 这是sass的语法，代表上一级选择器 解释成CSS代码如下 ul{margin-bottom: 20px;} ul &gt; li {margin-bottom: 0;}...
CSS样式中的&选择器
听海边涛声
05-23 575
CSS样式中的&选择器
CSS样式、元素、选择器和背景（&）
weixin_45620954的博客
09-19 173
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.CSS背景
css中的&符号作用
willsoooo的博客
10-11 1897
:before相当于.clearfix :before。之前遇到样式&符号一直很疑惑，查了相关资料，知道了其作用。&:after相当于.clearfix :after。表示在嵌套层次中回溯一层，即。
css里的&符号含义【串联选择器】和【后代选择器】
鳄鱼儿
08-21 6979
先介绍一下串联选择器和后代选择器的概念。 串联选择器 作用在同一个标签上。 <div class=”a” id ="qq"> <span>look at the color</span> </div> <style> #qq.a{ ... } </style> 后代选择器 作用在不同标签上 <div id ="qq"> <span class=”a”>look at the color</
CSS & CSS3
L小Ray想有腮
11-13 2052
CSS 基础、选择器、盒子模型、浮动、定位、弹性布局、响应式布局等。
CSS样式中的 & 是什么作用？
Gary的博客
05-14 2万+
CSS样式中的 & 是什么作用？ 写在前面： 当我在CSS样式中看到 & ，我是十分懵逼的，不过搜索了一下就觉得不过如此。 贴个CSS代码进行讲解 .box{ &:before{ border-color: red; } &:after{ border-color: green; } } 解析：     & 表示在嵌套层次中回溯一层，即     &:
&.在style中是什么意思
05-31
在CSS中，&符号代表“父元素选择器”。它通常与Sass或Less等CSS预处理器一起使用，用于选择父元素的某个状态或伪类。例如，如果您想为一个按钮的悬停状态设置样式，可以使用以下代码： ``` button { background-color: blue; &:hover { background-color: red; } } ``` 在这个示例中，&符号表示按钮选择器本身，而&:hover表示按钮的悬停状态。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值