vue component的樣式不起作用問題（貼有詳細(xì)代碼不多）

請(qǐng)問為什么下面的css不起作用？//.m-radioCP p{}
aa.vue文件

<template>
<div>
    <radio-cp></radio-cp>
</div>
</template>
<script>
const radioCP={
  template:'<div class="m-radioCP"><i></i><p>222</P></div>'
}
export default{
  components:{
    'radio-cp':radioCP
  }
}
</script>
<style scoped>
.m-radioCP{//css起作用
  color: red;
}
.m-radioCP p{//請(qǐng)問為什么這里的css不起作用
  color: #333;
}
</style>