2

このコードには、次のような段落があります

<p class="special">
    This is just a test. <em>what color here</em> inheritance work
</p>

p文字列「ここの色」が親要素から色を取得しないのはなぜだろうか。class special の特異度の値は 10 で、em などのタイプの特異度の値は 1 であるため、ここでは 10 が 1 より大きくなります。

つまり、色はセレクターから取得する必要がありました.special

ここにマークアップとcssがあります

<!DOCTYPE html>
<html>
    <head>
       <meta name="keyword" content="html5. tutorial" charset=utf-8" />
       <title></title>
       <style type="text/css" media="screen">
          em
          {
             font-weight:bold;
             color:red;
           }

          .special
          {
              color:blue;
           }
       </style>
    </head>
    <body>
       <p class="special">
          This is just a test. Is this color <em>red</em> inheriatance work
       </p>
   </body>
</html>

//トニー

4

3 に答える 3

6

は<em>内の別の要素である.specialため、独自の特異性の内訳があります。コードが の場合<em class="special">、クラスの特異性は に適用されます<em>。

于 2013-09-04T16:17:15.000 に答える
3

これは特異性とは何の関係もありません。特異性は、2 つ以上のスタイル ルールが同じ要素に適用される場合に適用されます。

emここでは、たまたま要素 (赤)を含む段落 (青) があります。

于 2013-09-04T16:17:25.110 に答える