CSS 元素选择器

CSS 元素选择器

CSS元素选择器其实就是标签选择器，例如 p{color:black;} 就是设置页面中的所有p标签的字体颜色为黑色。

例子：

<html>
<head>
<style type="text/css">
html {color:black;}
h1 {color:blue;}
h2 {color:silver;}
</style>
</head>
<body>
<h1>这是 heading 1</h1>
<h2>这是 heading 2</h2>
<p>这是一段普通的段落。</p>
</body>
</html>

在例子中设置了html的字体颜色为黑色，h1标签的字体为蓝色, h2标签内的字体为灰色。

页面显示时，因为h1,h2标签各自都有设置了字体颜色，所以显示的是对应的蓝色和灰色。

p标签因为没有设置对应的字体颜色，这时候p标签的字体颜色就是p标签上一层的字体颜色，p标签的上一层是body标签，但是也没设置字体颜色，所以查找body的上一层html，html设置了字体的颜色为黑色，所以p标签的字体也应该是黑色。

习题一

<
>