CSS3嵌套选择器

我怎样才能完成以下工作

.menu a {
     text-decoration: none;

     :active {
         color: #666;
     }

     :link {
         color: #666;
     }

     :hover {
         color: #666;
     }
 }

我知道它是无效的（或者至少id不起作用），那么我如何修复它呢？我想让进一步的编程更容易，所以我想把：（选择器）放在“a”标记内。

---

注：我真的不想为此使用SASS或任何框架。

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

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

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

.menu a {
    text-decoration: none;
}

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

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

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

---

这是不受支持的。你可以通过一个更少的编译器来修复它，你可以把选择器放在外面并缩进它们；这将有工作代码，仍然有代码缩进像你想要的或更好，.menu a:active，.menu a:link，.menu a:hover{color:#666；}只是为了保持干燥