::v-deep .el-carousel { position: absolute; top: 10; left: 0; width: 100%; height: 100%; }样式穿透是这样用吗
时间: 2024-03-24 10:40:33 浏览: 60
vue样式穿透 ::v-deep的具体使用
不完全正确。在 Vue 中,你可以使用 `::v-deep` 或 `/deep/` (已弃用) 来穿透组件样式,但是你需要将选择器放在组件的根元素之前,并且选择器前面需要加上 `>>>`。所以正确的写法应该是:
```
.el-carousel >>> .el-carousel__item {
position: absolute;
top: 10;
left: 0;
width: 100%;
height: 100%;
}
```
或者使用 `::v-deep`:
```
::v-deep .el-carousel__item {
position: absolute;
top: 10;
left: 0;
width: 100%;
height: 100%;
}
```
需要注意的是,穿透样式是一个比较危险的做法,因为它可以影响到全局组件的样式,所以在使用时应该谨慎。
阅读全文