相关疑难解决方法(0)

我有一个案例,我必须编写内联CSS代码,我想在锚点上应用悬停样式.

如何a:hover在HTML样式属性中使用内联CSS？

例如,您无法在HTML电子邮件中可靠地使用CSS类.

文档上VueJS指出,"作用域"应该限制样式组件.但是,如果我创建具有相同"baz"样式的2个组件,它将从一个组件泄漏到另一个组件:

scoped

<template>
<div class="baz">
  <Bar></Bar>
</div>
</template>

<style scoped>
.baz {
  color: red;
}
</style>

baz

<template>
<div class="baz">bar</div>
</template>

<style scoped>
.baz {
  background-color: blue;
}
</style>

我希望"baz"在两个组件中都会有所不同.但是在生成一个网页后,我可以看到蓝色背景上的红色文字,这意味着"foo"的范围风格会影响"bar"组件.生成的代码如下所示:

<div class="baz" data-v-ca22f368>
  <div class="baz" data-v-a0c7f1ce data-v-ca22f368>
    bar
  </div>
</div>

如您所见,VueJS通过在"bar"组件中指定两个数据属性来有意生成"泄漏".但为什么？