sass继承
2024-08-28 11:19:05
@extend
sass中，选择器继承可以让选择器继承另一个选择器的所有样式，并联合声明。使用选择器的继承，要使用关键词@extend，后面紧跟需要继承的选择器。
scss.style
css.style
从sass 3.2.0以后就可以定义占位选择器%。
这种选择器的优势在于：如果不调用则不会有任何多余的css文件，避免了以前在一些基础的文件中预定义了很多基础的样式，然后实际应用中不管是否使用了@extend去继承相应的样式，都会解析出来所有的样式。占位选择器以%标识定义，通过@extend调用。
scss.style
css.style
定义了两个占位选择器%ir和%clearfix，其中%clearfix这个没有调用，所以解析出来的css样式也就没有clearfix部分。占位选择器的出现，使css文件更加简练可控，没有多余。所以可以用其定义一些基础的样式文件，然后根据需要调用产生相应的css。
ps：在@media中暂时不能@extend @media外的代码片段，以后将会可以。
最新文章
- C# if中连续几个条件判断
- 面向对象继承 （for in 原型链查找属性）
- web前端必须掌握的localStorage
- .net 码农转战 iOS - 初探
- [eclipse] 三个操作技巧
- Windows API 之 CreateThread、WaitForSingleObject（未完）
- 爱pia戏推出PC客户端，为您自动置顶窗口，方便查找
- 类的更新----MVC设计模式
- Jenkins的初级应用（2）-Invoke Phing targets
- go基础系列：简介
- javap指令
- EasyUI DataGrid设置列宽为百分比导致表头和内容错位的解决方法
- 局域网下ARP欺骗、嗅探，以及DNS欺骗
- Kafka消息队列
- SQL基础（二）：SQL命令
- USB学习笔记-协议
- 〖Linux〗使用root权限，telnet登录开发板
- ulimit -n 查看可以打开的最大文件描述符的数量
- JSP／Servlet开发——第六章 JSP开发业务应用
- 一步步做程序优化-讲一个用于OpenACC优化的程序（转载）