html – h3和锚标签样式问题

概述我有以下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 我有以下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,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>内的标记标签.

如何纠正？

解决方法 您必须在< a>上应用该样式标签

试试这个

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

总结

以上是内存溢出为你收集整理的html – h3和锚标签样式问题全部内容，希望文章能够帮你解决html – h3和锚标签样式问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。