一、CSS复合选择器
- 标签指定式选择器（交集选择器）：由两个学则器构成，其中一个为标签选择器，第二个为class选择器或id选择器两个选择器之间不能右空格，如：
h2.special或p#id
<head>
<meta charset="UTF-8">
<title>标签指定式选择器</title>
<style>
p{
color:red; font-size: 40px;
}
p.one{
color: blue;
}
</style>
</head>
<body>
<p>段落文本1</p>
<p class="one">段落文本2</p>
<h3 class="one">标题文本一</h3>
</body>
- 后代选择器：选择元素或者元素组的后代，其写法就是把外层标签写在前面，内层标签写在后面,中间用空格进行分隔。当标签发生嵌套时，内层标签就成为外层标签的后代
<title>后代选择器</title>
<style>
p strong em{
color:red; font-size: 40px;
}
</style>
</head>
<body>
<p><strong>段落<em>abcde</em></strong>文本1</p>
<strong>段落文本2</strong>
</body>
</html>
- 并集选择器：各个选择器通过
,逗号链接而成，任何形式的学则器都可以作为并集选择器的一部分。弱某些选择器定义的样式完全或部分相同，可以利用并集选择器为他们定义相同的样式。
<style>
p strong em,h2,p,strong{
color:red; font-size: 40px;
}
</style>
