h3和锚标签样式问题

Question

我有以下html片段在我的页面上正常工作:

<a href="url goes here" onclick="return ! window.open(this.href);"><h3>title goes here</h3></a>

使用以下css

h3
{
    font-family:verdana, arial, helvetica, sans-serif; 
    font-size:75%; 
    font-weight:bold; 
    font-style:normal; 
    text-decoration:none; 
    text-transform:none; 
    margin:0px; 
    padding:0px;
    color:#2C6598;
}

但是,这不是有效的xhtml,因为<h3>标签不应该在<a>标签内.

当我在<h3>标签之外移动<a>标签时,css似乎不起作用,即由于某种原因它失去了它的风格.

例如:

<h3><a href="url goes here" onclick="return ! window.open(this.href);">title goes here</a></h3>

有:

h3
{
    font-family:verdana, arial, helvetica, sans-serif; 
    font-size:75%; 
    font-weight:bold; 
    font-style:normal; 
    text-decoration:none; 
    text-transform:none; 
    margin:0px; 
    padding:0px;
    color:#2C6598;
}

不像<h3>标签中的<a>标签那样工作.

如何纠正？

Answer 1

您必须在<a>标记上应用样式

试试这个

h3 a
{
    font-family:verdana, arial, helvetica, sans-serif; 
    font-size:75%; 
    font-weight:bold; 
    font-style:normal; 
    text-decoration:none; 
    text-transform:none; 
    margin:0px; 
    padding:0px;
    color:#2C6598;
}