css类继承标题

时间:2011-06-23 16:46:08

标签: css inheritance html

我已阅读有关css继承的帖子,我仍然留了一点。

这可以用css做吗?

.cv3-envaleur h1 {
    background: none;
    font-size: 23px;
    line-height: 38px;
    color: #fff;
    margin: 0px 0 5px 0;
    padding: 10px 0px 5px 0px;
}

我也试过了。

div.cv3-envaleur h1 {
    background: none;
    font-size: 23px;
    line-height: 38px;
    color: #fff;
    margin: 0px 0 5px 0;
    padding: 10px 0px 5px 0px;
}

我试图给div中的H1标题一些样式,名为.cv3-envaleur,但我似乎无法使它工作。

请帮忙

2 个答案:

答案 0 :(得分:1)

这些都是有效的方法来完成你所追求的目标。必须有一些超越这些的东西。您可以在Firebug中查看当前定义是什么以及覆盖什么。您还可以添加!important标志以强制显示样式。

<div class="cv3-envaleur"><h1>Header</h1></div>

div.cv3-envaleur h1
{
    background: none !important;
    font-size: 23px;
    line-height: 38px;
    color: #fff;
    margin: 0px 0 5px 0;
    padding: 10px 0px 5px 0px;
}

答案 1 :(得分:1)

当你说div被称为“cv3-envaleur”时,你的意思是它的ID属性是cv3-envaleur吗?如果是这样,那么你需要使用#选择器,如下所示:

div#cv3-envaleur h1{ 
... 
}

点选择器用于类,而不是ID。