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;
}

Answer 2

这是因为您的锚的样式优先。您只需将样式表更改为

即可

h3, h3 a /** Applies to both H3 and LINK inside 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;
}

这应该可以解决问题。

Answer 3

我遇到了同样的问题，所以我只是简单地创建了一个新类，其中包含我想要最终文本的属性，所以它就是这样的：

CSS :(没有“！important”它没有用）

.myclass, .myclass a {
display: block !important;
font-size: 14px !important; 
font-weight: bold !important;
height: 32px !important;}

HTML：

<a class="myclass" "url goes here">title goes here</a>

Answer 4

我知道这篇文章很老但我遇到了这个问题。您可能必须满足可能覆盖您的样式的任何伪类，例如a：访问等。所以你还需要做的是：

h3 a, a:visited 
{
   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和锚标签样式问题

4 个答案: