2014-02-28 51 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'值的支持。 –