HTML+CSS第七课：CSS复合选择器的使用、CSS继承特性、使用CSS美化页面元素

知识点：CSS复合选择器、CSS的继承、使用CSS设置字体样式和文本样式、使用CSS设置链接样式（伪类选择器）、使用CSS设置列表的样式。

1、CSS的高级应用

1.1 CSS复合选择器

CSS符合选择器是以标签选择器、类选择器、ID选择器这3种基本选择器为基础，通过不同方式将两个或多个选择器组合在一起而形成的选择器。这些复合而成的选择器，能实现更强、更方便的选择功能。复合选择器分为后代选择器、子选择器、交集选择器和并集选择器。

1）后代选择器

写法：把外层的标签写在前面，内层的标签写在后面，之间用空格分隔。当标签发生嵌套时，内层标签就是外层标签的后代。

举例：h3 strong { font-size:16px; color:#FF0000; } 

解释：h3标签中有strong标签。如<h3>学习<strong>HTML</strong>的乐趣在哪里？</h3>

显示效果只会显示标题bi标签中的<strong>标签样式。

后代选择器在CSS应用中经常用到，常用情况有：

• 按标签的嵌套关系：如 h3 strong { font-size:16px; color:#FF0000; } 
• 按选择器的嵌套关系：如.head .menu { font-size:16px; color:#FF0000; } 或.head #menu { font-size:16px; color:#FF0000;  }
<