00023.【CSS】类选择器的简单使用


<template>
  <h1 class="highlight">Class selectors</h1>
  <p>Veggies es bonus vobis, proinde vos postulo essum magis <span class="highlight">kohlrabi welsh onion</span> daikon
    amaranth tatsoi tomatillo
    melon azuki bean garlic.</p>

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

</template>

<script setup>

</script>

<style scoped>
/*.highlight {*/
/*  background-color: yellow;*/
/*}*/

span.highlight{
  background-color: yellow;
}

h1.highlight{
  background-color: pink;
}
</style>