CSS のどのプロパティを継承できるか-CSSチュートリアル-php.cn

CSS のどのプロパティを継承できるか

青灯夜游

リリース： 2023-01-03 09:32:07

オリジナル

8196 人が閲覧しました

CSS で継承できる属性は、text-indent、text-align、line-height、word-spacing、letter-spacing、text-transform、visibility、color、cursor などです。

CSS のどのプロパティを継承できるか

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

CSS 継承とは何ですか?

CSS スタイルシートの継承を理解するには、まずドキュメントツリー (HTML DOM) から始めます。ドキュメントツリーは HTML 要素で構成されます。

CSS のどのプロパティを継承できるか

#ドキュメントツリーは家系図に似ており、先祖、子孫、父親、子供、兄弟も含まれます^_^。これは簡単に理解できるので、ここでは詳しく説明しません。もっと詳しく知りたい場合は、Googleで調べてください。

つまり、CSS スタイルシートの継承とは、特定の CSS プロパティが子孫要素に受け継がれることを意味します。

例として、次の HTML コードスニペットがあります:

<p>
CSS样式表<em>继承特性</em>的演示代码
</p>

ログイン後にコピー

em は p に含まれることに注意してください。

CSS のどのプロパティを継承できるか

p の CSS スタイルを指定すると、em に何が起こるか見てみましょう。

<style>
p { color:red; }
</style>

ログイン後にコピー

CSS のどのプロパティを継承できるか

推奨チュートリアル:

CSS ビデオチュートリアル

ブラウザ内で p フォントと em フォントが同時に赤くなります。 em のスタイルを指定しませんでしたが、em は親要素 p のスタイル属性を継承します。

おそらくこれを読んだ後、これは当然のことであり、まったく価値がないと思われるかもしれません^_^。実際、これは継承です。これは、知らず知らずのうちにコードに影響を及ぼします (継承された属性がない場合、要素ごとに color 属性を定義する必要があることを想像してください。これがどれほど面倒なことか!!! =_=!)。

もちろん、すべての css 属性 (border 属性など) がサブクラスに継承されるわけではありません。上記のコードを引き続き使用します。 border 属性を p 要素に追加します。