如何将分组与子代和后代选择器正确组合？

Question

子和后代选择器已泄漏到我的html结构上的每个元素，我发现当我将分组与它结合时会发生这种情况。

这会影响整个文档中的所有元素：

ul#topnav > li a, a:hover, a:focus{
 font-size: 14px;
 color: #C2C5CC;
 text-decoration: none;
 padding:0px;
}

虽然这只会影响将所有元素排除在指定选择标准之外的假设：

ul#topnav > li > a{
 font-size: 14px;
 color: #C2C5CC;
 text-decoration: none;
 padding:0px;
}

ul#topnav > li > a:hover{
 font-size: 14px;
 color: #C2C5CC;
 text-decoration: none;
 padding:0px;
}

ul#topnav > li > a:focus{
 font-size: 14px;
 color: #C2C5CC;
 text-decoration: none;
 padding:0px;
}

如何正确组合分组？

Answer 1

你非常接近。 CSS分组需要重复完整的选择器（ul#topnav > li）：

ul#topnav > li > a, 
ul#topnav > li > a:hover,
ul#topnav > li > a:focus{
 font-size: 14px;
 color: #C2C5CC;
 text-decoration: none;
 padding:0px;
}