Question

我有以下HTML结构。

<html>
    <a class="customcssstyle" href="#'>Link</a>
</html>

现在我需要一个样式，这样在链接上的focus上，它应该显示为红色。

在普通CSS中，我们将其写为：

a.customcssstyle:focus
{
    color:red;
}

我可以知道如何使用Less CSS编写它。

Answer 1

CSS语法在less中有效。但你也可以这样做：

.customcssstyle
{
    a {
        &:focus {
           color:red;
        }
    }
}

Answer 2

首先：a是内联元素，应该在块元素内（不是html）。然后在css中调用一个类，你需要一个点，例如.customcssstyle而不仅仅是属性类的值。至少要选择此元素的焦点状态，只需使用伪选择器调用该类：focus。

.customcssstyle:focus {
  color: red;
}