错误示范:以下修改不生效。
<style lang="scss" scoped> .el-timeline-item__timestamp.is-top { position: absolute; margin-left: -105px; margin-bottom: 8px; padding-top: 4px; } </style>
正确示范一:使用deep
<style lang="scss" scoped>
::v-deep .el-timeline-item__timestamp.is-top {
position: absolute;
margin-left: -105px;
margin-bottom: 8px;
padding-top: 4px;
}
</style>
正确示范二:去掉scoped
<style lang="scss">
.el-timeline-item__timestamp.is-top {
position: absolute;
margin-left: -105px;
margin-bottom: 8px;
padding-top: 4px;
}
</style>
此外还有 >>>、/deep/ 、!important 的用法,具体要根据vue版本,style的引用方式酌情选择。