本文详细解释了CSS元素选择器的使用，通过实例展示了如何设置不同标签的字体颜色，包括html、h1和h2标签的字体颜色设置，以及p标签如何继承其父级标签的字体颜色。
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标签的字体也应该是黑色。
扫一扫
1011
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
