在前端开发中，链接样式是一个非常常见的样式，但是有时候我们需要在某些特殊情况下去掉链接的样式。在 LESS 中，我们可以使用一些简单的方法来实现这个目标。
1. 使用 &:hover 选择器
我们可以使用 LESS 的 &:hover 选择器来去掉链接样式。这个选择器可以让我们在鼠标悬停在链接上时应用一些特殊的样式。
- -
------ -----
---------------- ----------
------- -
------ --------
---------------- -----
-
-在上面的代码中，我们首先定义了一个链接的样式，然后使用 &:hover 选择器来去掉链接的样式。当鼠标悬停在链接上时，链接的颜色和下划线都会被去掉。
2. 使用 &:not() 选择器
除了使用 &:hover 选择器，我们还可以使用 &:not() 选择器来去掉链接样式。这个选择器可以让我们选择除了某些元素之外的所有元素。
- -
------ -----
---------------- ----------
---------------- -
------ --------
---------------- -----
-
-在上面的代码中，我们定义了一个带有 .no-style 类的链接，这个链接不会被去掉样式。其他的链接都会被去掉颜色和下划线样式。
3. 使用 extend 继承样式
最后，我们还可以使用 LESS 的 extend 功能来继承样式。这个功能可以让我们在一个样式中继承另一个样式的属性。
----- -
------ -----
---------------- ----------
-
- -
----------------
------- -
------ --------
---------------- -----
-
-
--------- -
----------------
------ --------
---------------- -----
-在上面的代码中，我们首先定义了一个 .link 样式，然后在链接样式中使用 &:extend(.link) 继承这个样式的属性。这样我们就可以在链接样式中去掉颜色和下划线。
同时，我们还定义了一个带有 .no-style 类的链接，这个链接不会继承 .link 样式的颜色和下划线属性，从而实现了去掉链接样式的目的。
总结
在 LESS 中去掉链接样式可以使用 &:hover 选择器、&:not() 选择器以及 extend 继承样式的方法。这些方法都非常简单易用，可以帮助我们快速实现去掉链接样式的需求。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/663d84e7d3423812e4b913ab