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
115 0
html+css实战83-显示模式-继承性
html+css实战83-显示模式-继承性
125 0
html+css实战83-显示模式-继承性
|
移动开发 JavaScript 前端开发
好程序员技术文档HTML5开发中js的创建和继承
  好程序员技术文档HTML5开发中js的创建和继承,JavaScript对每个创建的对象都会设置一个原型,指向它的原型对象。  当我们用obj.xxx访问一个对象的属性时,JavaScript引擎先在当前对象上查找该属性,如果没有找到,就到其原型对象上找,如果还没有找到,就一直上溯到Object.prototype对象,最后,如果还没有找到,就只能返回undefined。
901 0
|
29天前
|
XML 前端开发 JavaScript
Html:CSS介绍
Html:CSS介绍
45 1
|
29天前
|
前端开发
Html:CSS的书写位置
Html:CSS的书写位置
24 0
|
24天前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML和CSS之旅
【9月更文挑战第32天】在这个数字化的时代,拥有一个个人博客不仅是展示自我的平台,也是技术交流的桥梁。本文将引导初学者理解并实现一个简单的个人博客网站的搭建,涵盖HTML的基础结构、CSS样式的美化技巧以及如何将两者结合来制作一个完整的网页。通过这篇文章,你将学会如何从零开始构建自己的网络空间,并在互联网世界留下你的足迹。
|
25天前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML与CSS之旅
【9月更文挑战第31天】在这个数字时代,拥有一个个人博客网站是展示自我、分享知识和连接世界的重要方式。本文将引导你通过简单的HTML和CSS知识,一步步构建起你的在线空间。无论你是编程新手还是希望通过实践加深理解,这篇文章都将是你的理想指南。我们将探索基本概念,实现页面布局,并点缀以个性化样式,最终将静态页面转变为动态交互式网站。准备好了吗?让我们开始吧!
|
27天前
|
前端开发 JavaScript
HTML+JavaScript+CSS DIY 分隔条splitter
HTML+JavaScript+CSS DIY 分隔条splitter