深度选择器

<style scoped>
.el-row {
  margin: 20px 0;
}
.el-row .el-col-5 {
  font-size: 18px;
  text-align: right;
  font-weight: bold;
}
/*  深度选择器 */
/*
scoped 作用, 给当前的组件的style都添加了data-v-xxxxxx自定义属性
子组件会有父组件一样的自定义属性,
如果子组件的根节点和父组件的写的标签相同对于的样式也会相同

父组件的样式加了scoped 如果想影响子组件 需要使用深度选择器
原生css  >>>
less     /deep/
scss     ::v-deep

*/
>>> .el-carousel__button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
</style>

免责申明:

1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

学习交流联系

立即查看 了解详情