css - 将样式应用于多个元素

标签 css

这很简单,但我找不到正确的方法来做到这一点。我有以下样式定义:

.main_section nav a {
    color:#999;
    ...
}

所以这种风格适用于.main_sectionnav中的a。现在我想扩展它,以便 li 元素也受到影响。我要做的是复制代码,例如:

.main_section nav li {
    color:#999;
    ...
}

但这只是感觉不对。我想将两种样式规范统一为一个。我该怎么做?

最佳答案

使用逗号(,)在多个元素上定义相同的样式

.main_section nav a,.main_section nav li {
    color:#999;
    ...
}

关于css - 将样式应用于多个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17588947/

相关文章:

html - Div 的高度太多了,不会降低?

html - 自举网格偏移间隙

javascript - 通过 JS 添加类时应用 CSS 过渡

jQuery DataTables 隐藏列而不将其从 DOM 中删除

php - 在 php 中滚动动态 <tbody> 时固定 html 表 <thead>

javascript - 是否有js插件将矩阵参数转换为css3转换属性?

php - 一个字段,几个按钮

css - 加载和页面转换时的 Angular2 动画

javascript - 在 Javascript 中为测验加载新页面时为每个答案选项插入图片

html - 在单独的 div 中定位动画/关键帧