我有一个Img由包含嵌套图像的图形组成的组件：
<figure>
<img @dragstart="stopDrag" :src="src" />
</figure>
该组件用在另一个组件中，在该组件中，我尝试覆盖父组件的内部图形/图像样式。该图确实获得了新的样式，但内部图像没有。
<template>
<List>
<li class="gridItem">
<Img :src="require('@/assets/images/girl.png')" />
</li>
</List>
<template>
...
<style scoped lang="scss">
.gridItem {
& figure {
width: 100%;
height: 100%;
//I did try & >>> img, and it didn't work.
& img {
width: auto;
}
}
}
</style>
该项目的当前版本在我的Github上，因此也许更容易看到克隆回购的问题？Github回购
>>>似乎对我尝试过的Sass实现没有影响，包括node-sass和sass。在另一方面，node-sass并且sass仍然支持/deep/。
以下SCSS适用于node-sass4.14.1和sass1.26.9的作用域样式：
.gridItem {
& figure {
width: 100%;
height: 100%;
& /deep/ img {
width: 500px;
}
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句