如果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>
答案 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
说明符,或两者。