社区
学习
工具库
AI工具
休闲
搜索
简体中文
首页 > web前端 > html教程 > css父类继承子类_html/css_WEB-ITnose

css父类继承子类_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布： 2016-06-24 12:04:17
原创
1852 人浏览过

1

<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包含在父级里，所以造成了错觉，一半在实际中这样的写法是不存在的。
要实现你说的效果的话就是反过来写，父级取消下划线，在子级需要的地方单独的去设置

1

<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>

登录后复制

相关标签：
css 继承
上一篇：取值，并赋值到相应的文本框中_html/css_WEB-ITnose 下一篇：CSS基础知识之文本属性二三事_html/css_WEB-ITnose
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板