ホームページ >ウェブフロントエンド >CSSチュートリアル >子要素は CSS の「text-decoration」プロパティをオーバーライドできますか?
子要素の CSS テキスト装飾プロパティのオーバーライド
CSS では、子要素によって特定のプロパティをオーバーライドできますが、他のプロパティはオーバーライドできません。 text-decoration プロパティは後者のカテゴリに分類されます。
親要素に適用されると、text-decoration は子孫要素を含む要素全体に影響します。これは、子要素が祖先の text-decoration プロパティをオーバーライドできないことを意味します。
CSS の text-decoration 仕様によると、
「子孫要素の 'text-decoration' プロパティには、祖先の装飾への影響はありません。"
これは、テキスト装飾が親要素全体に描画され、子孫が無視されるためです。 elements.
オーバーライド可能なプロパティについて
子要素によってオーバーライドできる CSS プロパティは、通常、次のカテゴリに分類されます:
子要素によってオーバーライドできないプロパティには次のものがあります:
CSS3 text-decoration-skip プロパティ
内CSS3 では、text-decoration のオーバーライドに関する制限に対処するために、text-decoration-skip と呼ばれる新しいプロパティが導入されました。このプロパティを使用すると、子要素は祖先に適用された特定のタイプのテキスト装飾をスキップできます。
例:
span { text-decoration-skip: underlines; }
text-decoration-skip を "underlines" に設定すると、スパン要素は、親要素に適用されている下線付きのテキスト装飾をスキップします。
以上が子要素は CSS の「text-decoration」プロパティをオーバーライドできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。