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标签。如

学习HTML的乐趣在哪里？

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

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

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

2）子(元素)选择器

嵌套方式 以“>”为分隔符 ，如 h3 > strong { color:#FF0000; font-size:50p