Web前端开发笔记15——复合选择器3并集、交集选择器

1.并集选择器可以选择多组标签，同时为他们定义相同的样式。通常用于集体声明。

通过一个示例来看看，它是如何实现的：

<div>xiaozhang</div>
<p>xiaowang</p>
<span>xiaoli</span>
<ul class="ul1">
  <li>123</li>
  <li>456</li>
  <li>789</li>
</ul>

我们现在想把div和p以及ul中的li一起改变，我们可以使用如下样式来操作：

div,p, .ul1 li{
    font-size: 25px;
    color: #7cdedb;
}

语法：元素1，元素2 {样式声明}

• 并集选择器是各选择器通过英文逗号分隔开。逗号可以理解为和的意思，并集选择器通常用于集体声明。

2.交集选择器可以选择页面中同时满足的多个选择器的标签。

语法：选择器1选择器2{content}

注：交集选择器中的选择器之间是紧挨着的。标签选择器必须在最前面。