<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS三大特性-继承性</title>
<style>
/*
一、继承性：一个元素的某些样式可以被后代元素继承。
优点：合理使用继承性，可以简化代码
注意：
通常文本、字体相关样式是可以继承的。但是背景、布局相关的样式不会被继承。
a链接不能继承文本颜色与下划线
h 标题标签不能继承字体大小
*/
.father{
color: red;
background-color: #c7edcc;
}
body{
font-size: 20px;
}
</style>
</head>
<body>
<div class="father">
我是father
<div class="son">我是son
<span>我是孙子span</span>
</div>
<a href="#">超链接</a>
<h1>我是标题</h1>
</div>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS三大特性-继承性</title>
<style>
/*
一、继承性：一个元素的某些样式可以被后代元素继承。
优点：合理使用继承性，可以简化代码
注意：
通常文本、字体相关样式是可以继承的。但是背景、布局相关的样式不会被继承。
a链接不能继承文本颜色与下划线
h 标题标签不能继承字体大小
*/
.father{
color: red;
background-color: #c7edcc;
}
body{
font-size: 20px;
}
</style>
</head>
<body>
<div class="father">
我是father
<div class="son">我是son
<span>我是孙子span</span>
</div>
<a href="#">超链接</a>
<h1>我是标题</h1>
</div>
</body>
</html>
版权属于：
yu
作品采用：
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)