Heim > Artikel > Web-Frontend > css父类继承子类_html/css_WEB-ITnose
css父类继承子类_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:04:171772Durchsuche
<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> 北京继承了父类
的下划线，我现在想去掉北京的下划线 ，要怎么做
我想要 继承父类 除了下划线的其他属性。能实现吗？
回复讨论(解决方案)
继承的话其实是正确的，你在取消的子级的下划线，此时，子级没有下划线，你看到的其实是父级的，因为你的em包含在父级里，所以造成了错觉，一半在实际中这样的写法是不存在的。
要实现你说的效果的话就是反过来写，父级取消下划线，在子级需要的地方单独的去设置
<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> Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：取值，并赋值到相应的文本框中_html/css_WEB-ITnoseNächster Artikel：CSS基础知识之文本属性二三事_html/css_WEB-ITnose