创新互联less教程：Less父选择器

在本章中，我们将研究父选择器。可以使用＆(和号)运算符来引用父选择器。嵌套规则的父选择器由＆运算符表示，并在将修改类或伪类应用于现有选择器时使用。

下表显示了父选择器的类型:

S.N.	类型及描述
1	Multiple & ＆将代表最近的选择器以及所有父选择器。
2	更改选择器顺序在选择器排序更改时，将选择器预留到继承(父)选择器很有用。
3	组合爆炸＆也可以生成列表中所有可能的选择器排列，并以逗号分隔。

例子

下面的例子演示了在LESS文件中使用父选择器:



  
  Parent Selector


Welcome to W3Cschool
	
	  SASS
	  LESS

接下来，创建文件 style.less

a {
  color: #5882FA;
  &:hover {
    background-color: #A9F5F2;
  }
}

您可以使用以下命令将 style.less 文件编译为 style.css :

lessc style.less style.css

接下来执行上面的命令，它将用下面的代码自动创建 style.css 文件:

a {
  color: #5882FA;
}
a:hover {
  background-color: red;
}

在上述示例中，＆引用选择器 a 。

让我们执行以下步骤，看看上面的代码如何工作:

如果您需要以除默认值之外的其他方式组合嵌套规则的选择器，则 Parent选择器运算符有许多用途。＆的另一个典型用法是重复生成类名。有关详情，请点击此处。

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容