2014-02-28 49 views
0

看到下面的代码属性如何应用于CSS中的嵌套元素(的HTML)?

<div> 
    <!--some code--> 
     <div id="inner"> 
      <!--this is div in div--> 
     </div> 
</div> 

,并链接到这一点,我们已经FONT-FAMILY设置外层div的“模板”的CSS代码猜想这是否意味着,如果内部的div不设置字体 - 家庭的任何价值,那么它也将由于外部div而成为“模具”?

+0

for font-family是 – SajithNair

+0

它取决于元素和属性。在这种情况下,是的,“stencil”将应用于子div元素。有关继承的更多信息,请参阅此处:https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance –

+0

标题比问题的正文*远*一般。这是关于哪一个?具体的问题几乎是微不足道的,一般的问题会有一个短评答案(当正确回答时)。 –

回答

0

是的,你说得对。如果某个元素没有找到某个属性,则使用父项值。首先,一个元素使用父母的属性,然后用它自己的style-attribute“更新”,然后用“style ='css-here'”的值“更新”这些属性,所以style-attribute是最重要的它的风格,然后自己的CSS被检查,并在此之后,父母的价值观(如果需要)使用。 这个“继承树”(parent,css,style-attribute)并不适用于所有属性,对于字体系列,它肯定有效,但肯定有一些例外。

0

这取决于。

如果内div有font-family: inherit;(这是font-familydiv元素为每个浏览器,支持CSS,我能想到的默认设置),然后是。

+0

不,浏览器对'div'元素的'font-family'具有* no *默认值。这意味着当没有样式表设置属性时会发生继承。关键是,这甚至不依赖于对浏览器中的'inherit'值的支持。 –