看到下面的代码属性如何应用于CSS中的嵌套元素(的HTML)?
<div>
<!--some code-->
<div id="inner">
<!--this is div in div-->
</div>
</div>
,并链接到这一点,我们已经FONT-FAMILY设置外层div的“模板”的CSS代码猜想这是否意味着,如果内部的div不设置字体 - 家庭的任何价值,那么它也将由于外部div而成为“模具”?
看到下面的代码属性如何应用于CSS中的嵌套元素(的HTML)?
<div>
<!--some code-->
<div id="inner">
<!--this is div in div-->
</div>
</div>
,并链接到这一点,我们已经FONT-FAMILY设置外层div的“模板”的CSS代码猜想这是否意味着,如果内部的div不设置字体 - 家庭的任何价值,那么它也将由于外部div而成为“模具”?
是的,你说得对。如果某个元素没有找到某个属性,则使用父项值。首先,一个元素使用父母的属性,然后用它自己的style-attribute“更新”,然后用“style ='css-here'”的值“更新”这些属性,所以style-attribute是最重要的它的风格,然后自己的CSS被检查,并在此之后,父母的价值观(如果需要)使用。 这个“继承树”(parent,css,style-attribute)并不适用于所有属性,对于字体系列,它肯定有效,但肯定有一些例外。
这取决于。
如果内div有font-family: inherit;
(这是font-family
上div
元素为每个浏览器,支持CSS,我能想到的默认设置),然后是。
不,浏览器对'div'元素的'font-family'具有* no *默认值。这意味着当没有样式表设置属性时会发生继承。关键是,这甚至不依赖于对浏览器中的'inherit'值的支持。 –
for font-family是 – SajithNair
它取决于元素和属性。在这种情况下,是的,“stencil”将应用于子div元素。有关继承的更多信息,请参阅此处:https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance –
标题比问题的正文*远*一般。这是关于哪一个?具体的问题几乎是微不足道的,一般的问题会有一个短评答案(当正确回答时)。 –