交集选择器

顾名思义，就是可以指定多个标签/类名/id名的选择器，只有满足两个条件的标签才会修改样式，比如p标签同时有p1类名的选择器
对于交集选择器，可以与id和class共同使用。
格式：
标签1标签2(或者class/id)
{
属性;
}

  2. <head>
  3.     <meta charset="utf-8" />
  4.     <title>交集选择器与并集选择器</title>
  5.     <style>
  6.       // 交集选择器，挨着一起写即可
  7.         p.p1 {
  8.             color: red;
  9.         }
  10.     </style>
  11. </head>
  12. <body>
  13.     <p>我是段落</p>
  14.     <p class="p1">我是段落</p>
  15.     <p class="p2">我是段落</p>
  16. </body>

并集选择器

就是同时选中多个标签、类、id，各个选择中间用逗号分隔即可，比如 p,div,.nav { }

<head>
    <meta charset="utf-8" />
    <title>交集选择器与并集选择器</title>
    <style>
        h2,p{
            color: red;
        }
    </style>
</head>
<body>
    <h2>我是标题</h2>
    <p>我是段落</p>
</body>