61,115
社区成员
发帖
与我相关
我的任务
分享css父类继承子类
<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>继承了父类<h1>的下划线，我现在想去掉北京的下划线 ，要怎么做
我想要 <em> 继承父类 除了下划线的其他属性。能实现吗？
...全文
请发表友善的回复…
发表回复
舒克是我 2014-05-20
- 打赏
- 举报
<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>舒克是我 2014-05-20
- 打赏
- 举报
继承的话其实是正确的，你在取消的子级的下划线，此时，子级没有下划线，你看到的其实是父级的，因为你的em包含在父级里，所以造成了错觉，一半在实际中这样的写法是不存在的。
要实现你说的效果的话就是反过来写，父级取消下划线，在子级需要的地方单独的去设置
