CSS3嵌套选择器

Question

我怎样才能完成以下工作？

.menu a {
     text-decoration: none;

     :active {
         color: #666;
     }

     :link {
         color: #666;
     }

     :hover {
         color: #666;
     }
 }

我知道它无效（或者至少id不起作用），所以我该怎么办呢？我想让进一步的编程更容易，所以我想把：（选择器）放在“a”标签内。 Ps。：我真的不想使用SASS或任何框架。

Answer 1

您在代码示例中显示的内容不是有效的CSS。

我知道您提到过您不想使用SASS或任何框架，但这正是为什么开发了SASS和其他CSS 预处理器 （例如LESS）的原因。 This article包含有关CSS预处理器的更多信息。

或者，您可以重复“父”选择器并相应缩进：

.menu a {
    text-decoration: none;
}

    .menu a:active {
        color: #666;
    }

    .menu a:link {
        color: #666;
    }

    .menu a:hover {
        color: #666;
    }