继承理论

一片净土 2019-02-20 10:35:37
继承理论
(作者:张米,撰写日期:2019年2月3日)
继承可以格式化父元素的规则。如下面的代码:


<div>
<h1>123<h1>
<p>123<p>
<h2>123<h2>
<p>123<p>
<div>

代码包含各种标题和段落元素,以及一个包含它们全部的父元素div。如果要将绿色应用于所有文本,可以使用以下一组css规则:
p{color:green;}
h1{color:green;}
h2{color:green;}
这里很多代码都在说同样的事情,这个时候可以使用继承,使用继承,可以节省时间和精力。您可以用以下代码替换所有三行代码:
div{color:green;}
那是因为所有的标题和段落都是div元素的子项;只要没有其他规则覆盖它们,它们就会继承应用于父级的样式。
...全文
32 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

2,100

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 非技术区
社区管理员
  • 非技术区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧