在 CSS 中,我们可以使用多个选择器来指定一个或多个元素。多个选择器可以让我们更灵活地控制样式,同时减少重复代码。.example { color: red; } p { font-size: 16
在 CSS 中,我们可以使用多个选择器来指定一个或多个元素。多个选择器可以让我们更灵活地控制样式,同时减少重复代码。
.example { color: red; } p { font-size: 16px; } .example p { background-color: yellow; }
在上面的代码中,我们使用了三个选择器:.example、p 和 .example p 。其中,.example 是一个类选择器,它可以用来选中所有类名为 example 的元素;p 是一个元素选择器,它可以用来选中所有 <p>
标签;.example p 则是一个组合选择器,它可以用来选中所有属于类名为 example 的元素内部的 <p>
标签。
当我们使用多个选择器时,选择器之间需要用空格隔开。在上面的代码中,.example 和 p 之间有一个空格,表示选择类名为 example 的元素内部的所有 <p>
标签。
除了组合选择器,我们还可以使用逗号来分隔多个选择器。例如:
h1, h2, h3 { color: blue; }
上面的代码用逗号分隔了三个选择器:h1、h2 和 h3。这意味着所有的 <h1>
、<h2>
和 <h3>
标签都将应用相同的样式。
总之,使用多个选择器能够让我们更好地控制网页的样式,同时避免重复代码。
粉丝
0
关注
0
收藏
0