CSS开发细节

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

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

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

优先级：

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