<p id="id_value">我是谁<em>你们</em>知道吗</p>
<p 我是谁<em>你们</em>知道吗</p>
#id_value em{
}这就是嵌套
一下是继承:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#divfather{
}
#divson{
}
</style>
</head>
<body>
<div id="father">
<p>这是父亲层</p>
<div div="son">这是孩子层</div>
<p> </p>
</div>
</body>
</html>
在 #divfather定义的样式 而在#divson中没有定义的话, <div div="son">这是孩子层</div>
也会显示 #divfather中的样式 ,这就是继承
本文深入探讨了网页中嵌套元素与样式继承的概念,通过具体实例解释了如何利用CSS选择器来定义并应用样式,以及子元素如何从父元素继承样式。重点展示了通过HTML结构与CSS规则的结合,实现网页布局与美观设计的有效方法。
542

被折叠的 条评论
为什么被折叠?



