【前端基础】CSS样式+Vue中绘制时间轴

本文主要是介绍【前端基础】CSS样式+Vue中绘制时间轴，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

深度选择器

在 Vue.js 中，/deep/、>>>、:deep 和 ::v-deep 这些都是深度选择器，用于修改子组件的样式。它们主要用于解决作用域样式和组件样式之间的冲突问题。

1. /deep/ 或 >>>

/deep/ 和 >>> 是相同的选择器，用于向下穿透组件的边界，使得在子组件中能够修改其内部元素的样式。它们可以用于在父组件中修改子组件的样式，但是这种选择器在最新版本的 Vue.js 中已经被废弃，不推荐使用。
.parent /deep/ .child {/* 修改子组件的样式 */
}----------------------------.parent >>> .child {/* 修改子组件的样式 */
}

2. :deep 和 ::v-deep

:deep 和 ::v-deep 是 Vue.js 2.6.0 版本引入的新选择器，用于取代已经废弃的 /deep/ 和 >>>。它们具有相同的功能，都用于穿透子组件的边界，修改子组件内部元素的样式。
.parent ::v-deep .child {/* 修改子组件的样式 */
}----------------------.parent :deep .child {/* 修改子组件的样式 */
}