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
130 0
html+css实战83-显示模式-继承性
html+css实战83-显示模式-继承性
132 0
html+css实战83-显示模式-继承性
|
移动开发 JavaScript 前端开发
好程序员技术文档HTML5开发中js的创建和继承
  好程序员技术文档HTML5开发中js的创建和继承,JavaScript对每个创建的对象都会设置一个原型,指向它的原型对象。  当我们用obj.xxx访问一个对象的属性时,JavaScript引擎先在当前对象上查找该属性,如果没有找到,就到其原型对象上找,如果还没有找到,就一直上溯到Object.prototype对象,最后,如果还没有找到,就只能返回undefined。
908 0
|
2天前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2天前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
52 33
|
1天前
|
前端开发
“弘五四,耀青春”程序创意获奖作品【html+css】
本作品以“青春筑梦,共创未来”为主题,采用动态龙元素展现青春活力与创新精神。页面设计简洁明快,色彩协调,突显年轻人积极向上的风貌。作品内容包括获奖截图、名字《时代扬新帆》及源代码分享。特别说明:禁止用于商业活动,可用于比赛和作业等开源场景。最后,作者表达了对五四精神的致敬与传承,强调了青春活力和创造力的重要性,并感谢评委和支持者。 **获奖感言摘录:** “获得这个奖项,对我们团队来说,既是认可也是激励。我们将继续努力,不断优化产品,为用户带来更好的体验,为社会贡献更多价值。”
13 2
|
23天前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
99 24

热门文章

最新文章