html继承是什么?

简介: 我是一个元素我是p元素中的span

继承

/*

​ 样式的继承,我们为一个元素设置的样式同时也会应用到它的后代元素上

​ 继承是发生在祖先后代之间的

​ 继承的设计是为了方便外面的开发,利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上,这样只需要设置一次即可以让所有的元素都具有该样式

​ 注意,并不是所有的样式都会被继承:

​ 比如,背景相关的,布局相关等的这些样式都不会被继承。

*/

例如p{

​ color :red;

}


我是一个元素
我是p元素中的span

这种情况,无论是p标签里的,还是span标签里的文字都变红了,因为这是样式继承,span是p元素的后代(无论是儿子,孙子还是啥都会被继承),但是如果你span写在p外面就不行了,因为继承只能发生在后代元素身上。

选择器的权重

相关文章
|
前端开发 JavaScript
html中href和src的区别?CSS 中哪些属性可继承,哪些不可以?创建函数的几种方式?
href:href 是 Hypertext Reference 的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a。
|
前端开发 JavaScript Python
Django第5步_理解html继承extends
Django第5步_理解html继承extends
207 0
html+css实战83-显示模式-继承性
html+css实战83-显示模式-继承性
201 0
html+css实战83-显示模式-继承性
|
移动开发 JavaScript 前端开发
好程序员技术文档HTML5开发中js的创建和继承
  好程序员技术文档HTML5开发中js的创建和继承,JavaScript对每个创建的对象都会设置一个原型,指向它的原型对象。  当我们用obj.xxx访问一个对象的属性时,JavaScript引擎先在当前对象上查找该属性,如果没有找到,就到其原型对象上找,如果还没有找到,就一直上溯到Object.prototype对象,最后,如果还没有找到,就只能返回undefined。
966 0
|
7月前
|
移动开发 前端开发 JavaScript
征信报告修改器,征信报告生成器,制作软件无痕修改软件【js+html+css】
本项目为信用评分模拟器教学工具,采用HTML5实现,仅供学习参考。核心功能通过JavaScript构建,包含虚拟数据生成、权重分配及信用因素分析(如还款记录、信用使用率等)。
|
7月前
|
存储 自然语言处理 前端开发
抖音快手小红书虚拟评论截图生成器,模拟对话制作工具,html+js+css
这是一款纯前端实现的多平台虚拟评论生成器,支持抖音、快手、小红书风格,适用于产品演示与UI设计。采用Vanilla JS与Flexbox布局,利用IndexedDB存储数据,CSS Variables切换主题。
|
7月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
7月前
|
存储 前端开发 安全
病历单生成器在线制作,病历单生成器app,HTML+CSS+JS恶搞工具
本项目为医疗病历模拟生成器,旨在为医学教学和软件开发测试提供数据支持,严格遵守《医疗机构病历管理规定》。
|
7月前
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中