<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>