标签内的字体系列

时间:2013-05-11 03:23:40

标签: css

如果a中的div标记指定了font-family,则font-family似乎只影响div中的文本,但不影响其中的文本a标记。为什么会这样,以及如何解决?

<div style="font-family: 'Times New Roman', Times, serif"> Hello world! <a href="www.google.com"> Click here! </a> </div>

2 个答案:

答案 0 :(得分:0)

正如@John在评论中提到的那样;您可能有一些其他CSS链接文件覆盖了您的font-family。您可以使用内联的inherit属性,因为div也有样式定义内联

<a href="www.google.com" style="font-family: inherit;"> Click here! </a>

答案 1 :(得分:0)

所描述的问题不是由发布的代码引起的,即原因在于未公开的代码部分。通常,设置例如元素上的font-family仅影响元素中的文本,而不影响内部元素中包含的文本。但是,如果内部元素没有CSS规则(在使用的作者,用户或浏览器样式表中),则然后内部元素从其父元素继承font-family。但在这种情况下,显然一个CSS规则,它在font-family元素上设置a

修复程序取决于使用的其他CSS代码。这似乎不是一个真实的案例,而只是作为一种练习,所以最好使用不同的方法,例如。

<div class="foobar"> Hello world! <a href="www.google.com"> Click here! </a> </div>

在链接的外部样式表中或页面上的style元素中包含以下CSS代码:

.foobar, .foobar a { font-family: 'Times New Roman', Times, serif }

foobar替换为反映元素含义或角色的名称,只是为了让代码对人类更具可读性。

但是,根据现在在font-family元素上设置a的其他CSS代码,您可能需要使用更具体的选择器或!important说明符,或两者。