00021.【CSS】选择器的简单演示


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

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

  <p>Turnip greens yarrow ricebean rutabaga <em>endive cauliflower</em> sea lettuce kohlrabi amaranth water spinach
    avocado
    daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach
  </p>
</template>

<script setup>

</script>

<style scoped>
span{
  background-color: yellow;
}
strong{
  color: blue;
}
em{
  color: red;
}
</style>