css - 组合 CSS 属性

Question

我正在尝试结合我的一些 CSS，这是一个简单的问题，但我遇到了一些麻烦，我有这段代码:

h2.post-title, h2.post-title a{
    display:block;
    background-color:#000;
    padding:3px;
    color:#ffffff;
    text-decoration:none;
    text-transform:uppercase;
    font:lighter 130% Georgia, Arial;
}

我需要同时拥有这两个选择器吗？我将唯一一次使用 h2.post-title 它将是一个链接。任何建议，我尝试删除第一个，但它变得巨大。

想法？

Answer 1

如果删除 h2 字体样式，它将恢复为相当大的默认字体大小。您可以单独设置它:

h2.post-title {
    font-size:130%;
}

但它会比简单地将两个选择器设置为相同的样式占用更多的空间。我的建议 — 除非您有充分的理由进行更改，否则请保持原样。