CSS/CSS3 层次结构

标签 css

<分区>

我有两个不同的标签,它们具有不同的层次结构但设置相同,在这种情况下有什么办法不使我的代码加倍吗?我尝试混合声明,但看起来只有其中一个会真正享受这些特性..

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;
} 

最佳答案

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

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 层次结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22718284/

上一篇:html - i、b、s 或 em、strong、del

下一篇:html - 在 CSS 中继承类

相关文章:

javascript - 固定页脚在动态相同大小的 div/列中

javascript - 在图像加载前后以指定高度加载html图像描述div

javascript - 单击我的导航按钮时切换我的菜单

CSS - 图像上的不同边距取决于文本的数量

html - <svg> 大于 <use>

javascript - 用于页面的灯箱 javascript/flash

html - CSS @font-face src :url not accepting local hard-drive files

css - 在 css 中制作此列表的最佳方式

css - Symfony2 asset_version 被添加两次

css - 2 或 3 个响应列 Bootstrap