CSS开发细节

在前端页面(管理系统)开发中,大部分是使用了组件开发。如vue.js中就经常使用elementUI、Ant design等。而有时候组件的提供的样式达不到自己预想的效果,但在vue组件中style设置为scoped(以表示它的样式作用于当下的模块,很好的实现了样式私有化的目的)的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都生效,可以使用 /deep/ 深度选择器。

但是需要细节,/deep/和".class"中之间需要空格,否则不会生效。

 /deep/ .el-form-item__content {
    line-height: 5px;
  }

优先级:

优先级关系:内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器

上一篇:深浅拷贝


下一篇:读书笔记《Deep Learning for Computer Vision with Python》- 第一卷 - 第2章