00037.【CSS】邻接兄弟选择器

<template>
  <!-- 邻接兄弟选择器只会选择紧邻的哪一个,而且是向后的 -->
  <article>
    <p>这个P会被选择么?</p>
    <h1>A heading</h1>
    <p>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo
      melon azuki bean garlic.</p>

    <p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard
      greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</p>
  </article>
</template>

<script setup>

</script>

<style scoped>
h1 + p {
  font-weight: bold;
  background-color: #333;
  color: #fff;
  padding: .5em;
}
</style>