ホームページ > 記事 > ウェブフロントエンド > CSS 親クラスは subclass_html/css_WEB-ITnose を継承します
<html><head> <title>父子关系</title> <base target="_blank"><style><!--h1{ color:red; /* 颜色 */ text-decoration:underline; /* 下划线 */}h1 em{ /* 嵌套选择器 */ color:#004400; /* 颜色 */ font-size:40px; text-decoration:none; /*这个添加上去没有效果;*/}em{ text-decoration:none;}--></style> </head><body> <h1>祖国的首都<em>北京</em></h1></body></html>
現時点では、子には下線がないため、継承は実際には正しいです。親に含まれているので錯覚を起こし、半分は現実には存在しません。
あなたが言った効果を達成するには、逆に書いて、親の下線をキャンセルし、子の必要な場所に個別に設定するだけです
<style>h1{ color:red; /* 颜色 */ -moz-text-decoration-style:solid; -moz-text-decoration-color:#0F0; -moz-text-decoration-line:underline; /* 下划线 */}h1 em{ /* 嵌套选择器 */ color:#004400; /* 颜色 */ font-size:40px; -moz-text-decoration-style:solid; -moz-text-decoration-color:#00C; -moz-text-decoration-line:underline; /*这个添加上去没有效果;*/}</style></head><body> <h1>祖国的首都<em>北京</em></h1></body>