前端学习 -- Css -- 样式的继承
2024-09-01 08:19:01
像儿子可以继承父亲的遗产一样,在CSS中,祖先元素上的样式,也会被他的后代元素所继承,
利用继承,可以将一些基本的样式设置给祖先元素,这样所有的后代元素将会自动继承这些样式。
但是并不是所有的样式都会被子元素所继承,比如:背景相关的样式都不会被继承 边框相关的样式 定位相关的
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{
font-size: 30px;
background-color: forestgreen;
}
</style>
</head>
<body>
<div style="background-color: yellow;">
<p>
我是p标签中的文字
<span>我是span中的文字</span>
</p>
</div> <span>我是p元素外的span</span> </body>
</html>
效果:
最新文章
- 解除win7网络限速.
- Javascript设置对象属性为";只读";
- 全面的Seo面试题
- phpspidercookie
- C# 小型资源管理器
- Mobile开发之meta篇
- Apple Mach-O Linker Warning 警告解决的方法
- MVC 验证码
- hdu5631 BestCoder Round #73 (div.2)
- 2017 百度杯丶春秋欢乐赛 writeup
- MVC(Model -View-Controller)实例应用模式
- vue项目中 axios 和Vue-axios的关系
- 爬虫概念 requests模块
- HTML初学小技巧
- python多进程详解和协程
- Android 基于蓝牙的方向控制器
- App压力测试MonkeyRunner整理
- 3: 组件间的依赖管理 Managing Dependencies Between Components Using the Prism Library 5.0 for WPF(英汉对照版)
- Nginx配置(需要把nginx的根目录指向ftp上传文件的目录。)
- svn 撤销 已提交的修改