Less 定义：焦点选择器_Less - Fatal编程技术网

Less 定义：焦点选择器

less

Less 定义：焦点选择器,less,Less,我有下面的HTML结构 <html> <a class="customcssstyle" href="#'>Link</a> </html> 我可以知道如何使用较少的CSS编写它。CSS语法在较少的CSS中有效。但你也可以这样做： .customcssstyle { a { &:focus { color:red; } } } 首先：a是一个内联元素，应该位于

我有下面的HTML结构

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

我可以知道如何使用较少的CSS编写它。

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

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

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

.customcssstyle:focus {
  color: red;
}

您可以用与CSS相同的方式编写它。Less接受CSS语法。像这样吗？定制风格{a{&:focus{}}？@哈利和乔，谢谢你们的帮助：@balaji:很高兴能帮上忙。一定要记下我对这个问题所做的编辑，通常这些编辑会出现在所有帖子上，因为它们被认为是不必要的。谢谢你提到亚历山大，我按照你的建议编辑了它

.customcssstyle:focus {
  color: red;
}