00038.【CSS】通用兄弟选择器

<template>
  <!-- 通用兄弟选择器,只能选择弟弟,不能选择兄,h1之前的元素就没有被选择。 -->
  <article>
    <p>这个也会被选择么?</p>
    <h1>A heading</h1>
    <p>I am a paragraph.</p>
    <div>I am a div</div>
    <p>I am another paragraph.</p>
  </article>
</template>

<script setup>

</script>

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