Question

我有两个不同层次但不同层次的不同标签，在这种情况下有什么方法可以不加倍我的代码？我尝试混淆声明，但看起来只有其中一个人真正喜欢这些特征..

section#leftSection nav#leftNav ul li a{
    background-color: #336b98;
    color: #EBEBEB;
    font-family: Arial;
    font-size: 12px;
    text-decoration:none;
}

header#layout2_header nav#headerNav ul li a{
    background-color: #336b98;
    color: #EBEBEB;
    font-family: Arial;
    font-size: 12px;
    text-decoration:none;
}

Answer 1

您可以使用逗号,分隔具有相同样式的多个选择器：

section#leftSection nav#leftNav ul li a, header#layout2_header nav#headerNav ul li a{
    background-color: #336b98;
    color: #EBEBEB;
    font-family: Arial;
    font-size: 12px;
    text-decoration:none;
}

Answer 2

用逗号分隔选择器，打开花括号添加你的代码，嘿presto ......

section#leftSection nav#leftNav ul li a, 
header#layout2_header nav#headerNav ul li a{
    background-color: #336b98;
    color: #EBEBEB;
    font-family: Arial;
    font-size: 12px;
    text-decoration:none;
}

将每个选择器放在它自己的行上以使您的代码更具可读性是很好的。

CSS / CSS3层次结构

2 个答案: