如果浏览器在直接相关的样式中找不到某个属性的值,就会求助于继承机制,使用父元素的样式属性值。
例如:
<!doctype html>
<html>
<head>
<title>Example</title>
<style type="text/css">
p{color:white;background:grey;border:medium solid black;
}
</head>
<body>
<a href="http://apress.com>visit the apress site</a>
<p> i like <span>apples</span> and oranges.</p>
<a class="myclass1 myclass2" href="http:/w3c.org">visit w3c site</a>
</body>
</html>
这个文档,由于未对span进行css样式的定义,就继承了父元素p的css样式,使用了p中的样式。