padding - CSS 仅覆盖某些值

Question

我有这个 CSS 声明:

.columns {
    width: 950px;
    font-family: verdana, arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 21px;
    text-align: justify;
    color: #000000;
    margin: 0px auto 0px auto;
}
.newsfeed .description {
    font-size: 11px;
    line-height: 14px!important;
}

newsfeed description 是 columns div 中的一个 div。

问题是我似乎无法将 21px 的行高值覆盖为 14px。我最近注意到这个问题，它似乎也适用于填充。

因此，字体大小、颜色等会被覆盖，但填充和行高不会被覆盖(至少这是我所知道的)。

您认为问题出在哪里？

谢谢!

--- 编辑 ---

好的，我找到了我的问题。

1. description 是 div 内的一个 span，所以问题不在于选择器。
2. 根据 chrome 的开发者工具正确继承了这些值。
3. 实际的问题是我不知道无法更改行内元素的行高(例如我使用的跨度)。我已将跨度的显示更改为 block 状，效果非常好。

谢谢大家!

Answer 1

你描述newsfeed description作为“a div”(单数)。如果你真的是那个意思，它被定义为<div class="newsfeed description">那么您使用了错误的选择器，如 .newsfeed .description将仅选择 inside “newsfeed”类元素的“description”类元素。

如果这是问题所在，您将无法使用该选择器中的任何规则来定位该元素。 (简单的测试方法...将display: none;添加到规则中并查看元素是否消失。)