27 - 全局CSS

[zzhao8053]

<template>
  <p>Hello Vue.js</p>
</template>

<style scoped>
 p {
    font-size:20px;
    color:red;
    text-align: center;
    line-height: 50px;
  }
</style>

<style>
  /* Make it work */
body {
      width: 100vw;
    height: 100vh;
    background-color: burlywood;
}
</style>

<template>
  <p>Hello Vue.js</p>
</template>

<style scoped>
 p {
    font-size:20px;
    color:red;
    text-align: center;
    line-height: 50px;
  }

  /* Make it work */
  :global(body) {
    width: 100vw;
    height: 100vh;
    background-color: burlywood;     
  }
</style>