结合CSS属性

我想结合我的一些CSS的，它是一种容易的问题，但我种的有一些麻烦，我有这样的代码：结合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这将是一个链接。任何建议，我试图删除第一个，但它使它巨大。

想法？

来源

2008-12-10 Coughlin

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

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

但是它会占用更多的空间，而不是简单地将两个选择器设置为相同的样式。我的建议 - 保持原样，除非你有充分的理由去改变它。

来源

2008-12-10 23:23:57

谢谢，我只是不确定是否有更合适的方法来做到这一点。 – Coughlin 2008-12-10 23:41:07

-1

事情是“h2.post-title a”只适用于<a> -element你的代码。浏览器在<h2> -tag上使用标准css！

让对你的HTML一看：

<h2 class="post-title"><a href="#">Clickable title</a></h2>

您需要规则来既<H2>和<一个> - 标签。为此，您需要在样式表中包含h2和a（如您所述）。

解决方案可能是删除默认样式<h2>，这可以通过您在互联网上找到的许多reset css规则来实现。

另一个解决方法是将类spesification从“H2”移动到“A”（和风格只是“a.post标题”属性中的CSS）：

<h2><a class="post-title" href="#">Clickable title</a></h2>

也许您可以完全删除<h2> -tag，只需打印出<a>。但是这可能会打破你的语义。

来源

2008-12-10 23:29:51 qualbeen

结合CSS属性

回答

相关问题