2016-03-30 2 views
1

私は現在、70から480のMicrosoft試験の準備をしています。以下のコードは、ニュース記事を表示するHTML5ページです。ページのCSSマークアップは次のとおりです。シエナ色で表示されるヘッダー(市場への影響)の内側はどのように表示されますか?

<style> 
 
h4 
 
{ 
 
    color:powderblue; 
 
} 
 
.headline 
 
{ 
 
    color:red; 
 
} 
 
article 
 
{ 
 
    color:black; 
 
    font-style:normal; 
 
} 
 
aside h4 
 
{ 
 
    font-style:italic !important; 
 
    color:yellow; 
 
} 
 
article h4 
 
{ 
 
    color:sienna; 
 
    font-style:normal; 
 
} 
 
</style>
<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
     <div> 
 
      <h4>International News</h4> 
 
      <article> 
 
       <h4 class="headline">New Developments!</h4> 
 
       <aside> 
 
        <h4>Impacts On Markets</h4> 
 
       </aside> 
 
      </article> 
 
     </div> 
 

 
    </body> 
 
</html>

どのようにシエナ色で「市場への影響」の表示であるさておき<h4>タグの内側?このため、スタイルの

答えて

0

article h4 
{ 
    color:sienna; 
    font-style:normal; 
} 

以下、このスタイルである:

aside h4 
{ 
    font-style:italic !important; 
    color:yellow; 
} 

CSSがをカスケードあるので、最低の適用スタイルが適用されます。この場合、 "市場への影響" <h4>はまだarticle h4のスタイルと一致し、最後に発生するので、 `color:sienna 'が適用されます。

関連する問題