css - CSS3嵌套选择器

我该如何进行以下工作？

.menu a {
     text-decoration: none;

     :active {
         color: #666;
     }

     :link {
         color: #666;
     }

     :hover {
         color: #666;
     }
 }

我知道它无效（或者至少ID不起作用），那么我该如何解决？我想使其更容易进行进一步的编程，所以我想将：（selector）放在“ a”标记内。
附言：我真的不想为此使用SASS或任何框架。

最佳答案

您在代码示例中显示的内容不是有效的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;
    }