博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Less的Extend_Less继承
阅读量:4646 次
发布时间:2019-06-09

本文共 601 字,大约阅读时间需要 2 分钟。

就相当于Java的,它允许一个选择器继承另一个选择器的样式。Extend有两种语法格式。

一种是:

  1. <selector>:extend(<parentSelector>) { }

另一种是:

  1. <selector> {
  2. &:extend(<parentSelector>);
  3. }

假设有一个 .inline 的类:

  1. .inline {
  2.     color: red;
  3. }

现在希望 nav ul 选择器能够让继承 .inline类的 color 属性,就可以使用以下两种方式的任意一种来实现:

  1. nav ul:extend(.inline) {
  2. }

或者

  1. nav ul {
  2.     &:extend(.inline);
  3. }

这两种方式得到的结果完全相同,编译后的CSS代码为:

  1. .inline,
  2. nav ul {
  3.   color: red;
  4. }

一个选择器还可以继承多个选择器的属性,只需写多个 :extend 语句就可以了。如,.e 同时继承了 .f 和 .g 的属性:

  1. .e:extend(.f) {}
  2. .e:extend(.g) {}

为了方便,Less允许仅使用一个 :extend 语句,只需在括号中提供用逗号隔开的选择器列表即可。什么两个 :extend 语句的等价写法为:

  1. .e:extend(.f, .g) {}

转载于:https://www.cnblogs.com/waibo/p/7911949.html

你可能感兴趣的文章
far和near
查看>>
Python爬虫实战四之抓取淘宝MM照片
查看>>
2015 Multi-University Training Contest 1
查看>>
C#判断一个字符串是否是数字或者含有某个数字
查看>>
SVN使用指南
查看>>
【转载】掌 握 3 C ‧ 迎 接 亮 丽 职 涯
查看>>
爬取网站附件
查看>>
java基础图形界面和IO系统
查看>>
javascript学习笔记
查看>>
hdu 3996
查看>>
python第三十九课——面向对象(二)之初始化属性
查看>>
python学习笔记之函数装饰器
查看>>
FEM计算2D瞬态热传导方程
查看>>
四年时光,匆匆而过
查看>>
【php】【psr】psr1 基础编码规范
查看>>
WAF SSI
查看>>
LDAP & it's implementation
查看>>
Apache HttpComponents中的cookie匹配策略
查看>>
冰封的海盗攻略
查看>>
Netty4.x中文教程系列(四) 对象传输
查看>>