*本站广告为第三方投放，如发生纠纷，请向本站索取第三方联系方式沟通
我们先来看一段css源码：
ul{ margin-bottom: 20px; & >li { margin-bottom: 0; } }
（视频教程推荐：css视频教程）
& 表示嵌套的上一级。
这是sass的语法，代表上一级选择器。
上面的源码等同于如下代码：
立即学习“前端免费学习笔记（深入）”；
ul{margin-bottom: 20px;}ul > li {margin-bottom: 0;}
推荐教程：css快速入门
以上就是css中&表示什么意思的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1615225.html
微信扫一扫
支付宝扫一扫
Web安全色对于大多数写程序的人来说都是毫无概念，当然，web safe color本身是一个历史遗留问题，今天已经没有太多讨论的必要。在这里介绍web安全色只是帮助还在Google “is web safe color still important”（Google搜索到的干货确实比百度强很多）的…
在实现元素自适应屏幕大小之前，我们先来介绍一个css知识点。 元素的margin和padding属性的值（无论是上下边距还是左右边距）如果设置为百分比，都是以宽度为基准计算的。 也就是说，在已知宽高比的情况下，css虽然不能确定height的值，但是可以确定padding-top等属性的值。 实现思…
效果图 CSS 代码： *{ margin: 0; padding: 0;}body{ height: 100vh; width: 100%; overflow: hidden; background-image: linear-gradient(125deg,#F44336,#E91E63,#9C…
一、单行文本溢出 如果要实现单行文本的溢出显示省略号可以用text-overflow:ellipsis属性，当然还需要加宽度width属性来兼容部分浏览。 实现方法： overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 效果如图：…
首先我们来看一下实现效果，如下图所示： 重要属性： text-shadow 属性向文本设置阴影。 （视频教程推荐：css视频教程） 立即学习“前端免费学习笔记（深入）”； HTML代码： 屮艸芔茻 CSS代码： .loop(@counter) when (@counter > 0) { .lo…
1、横向进度条的实现代码 横向进度条 .loadbar { width:200px; height:25px; background-color:#fff; border:1px solid #ccc; } .bar { line-height:25px; height:100%; display:…
背景： 现在的网站基本上都是长页面，多的有四五屏，少的话也有两三屏，页面太长有的时候为了提升用户体验，会在页面右边出现一个回到顶部的按钮，这样能快速回到顶部，以免在滑动页面出现视觉屏幕，回到顶部一般有四种方式。 1、通过锚链接回到顶部,需要将body加入一个名为top的标记 回到顶部 2、通过Jav…
一、media query方式 /*iPhone X 适配*/@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .fixed-bo…
作为一个前端人员来说，总结几款相对来说不错的用于移动端开发的UI框架是非常必要的，以下几种移动端UI框架就能基本满足工作中开发需要，根据项目需求，选用合适的框架搭建项目，更能容易提高开发效率。 一、MUI 最接近原生APP体验的高性能前端框架，追求性能体验，是我们开始启动MUI项目的…
CSS中的单位 绝对单位 in-英寸； cm; 立即学习“前端免费学习笔记（深入）”； mm; pt-磅 相对单位 em-与元素字号挂钩； rem-与根元素字号挂钩； px-与css像素挂钩 %-另一属性值的百分比 CSS中可以取百分比的属性 定位：top, right, bottom, left …
id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。 例如： #para1{ text-align:center; color:red;} 注意： ID属性不要…
绝对长度 px px是像素值，是一个固定的长度，比如我们的米，厘米一样。 相对长度 为什么我们需要相对长度rem em等？ 固定长度已经不能满足我们现在的需求了。 举例：比如我们在缩小我们屏幕的时候，我们不仅仅是需要缩小我们的盒子的宽高，我们还想要让我们字体大小也随之缩小，这样用户体验会更好一点。 …
插入样式表的方法有三种，分别是： 1、外部样式表； 2、内部样式表； 3、内联样式 外部样式表 立即学习“前端免费学习笔记（深入）”； 在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部： 实例如下： 浏览器会从文件 myst…
一、background-color 该属性定义了元素的背景颜色。 页面的背景颜色使用在body的选择器中，如下： 效果图： 立即学习“前端免费学习笔记（深入）”； 在CSS中，颜色值通常以以下方式定义: 1、十六进制 – 如：”#ff0000″ 2、RGB &#…
文本颜色 颜色属性被用来设置文字的颜色。 颜色值有如下写法： 1、十六进制值 如: ＃FF0000 立即学习“前端免费学习笔记（深入）”； 2、RGB值 RGB(255,0,0) 3、颜色的名称 如: red 示例： 注意：如果为字体定义了颜色属性，那么必须定义背景色属性。 结果显示： （视频教程推…
简介 本教程将深入探讨 CSS 网格布局，并探索几乎所有的属性和功能。读完之后，你将能够用这种出色的 CSS 附加功能去处理任何一种布局。 术语：Grid Grid 是二维网格系统。它可以用来构建复杂的布局以及较小的界面。 立即学习“前端免费学习笔记（深入）”； 属性：display 只需要把一个元…
首先，链接的样式可以用任何css属性（如颜色，字体，背景等）。 链接可以有不同的状态，如下： a:link – 正常，未访问过的链接 a:visited – 用户已访问过的链接 a:hover – 当用户鼠标放在链接上时 立即学习“前端免费学习笔记（深入）”； a…
