html - CSSでのテキスト整列の継承

Question

divといくつかのCSSルールを含むHTML構造があります。text-align:centreなぜ子divに継承されるのか、なぜtext-align:centre継承されるのかを知りたい

.multi {
  width: 500px;
  text-align: center;
  float: left
}

<div class="multi">
  <div class="rr">Abc</div>
</div>

Answer 1

CSSでは、デフォルトで一部のプロパティが自然に継承されます。text-align、、、およびその他とともに、これらの1つfontですcolor。これは、子に継承されるプロパティと継承されないプロパティのかなり小さい（ただしほとんど堅牢な）リストです。

この場合に行う必要があるのは、次のようなものです。

<style>
.multi {
    width: 500px;
    text-align: center;
    float: left;
}
.multi .rr {
    text-align: left; /* Or whatever value multi's parent has */
}
</style>