css父类继承子类_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 12:04:171772검색
<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> 성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.