在前端页面(管理系统)开发中,大部分是使用了组件开发。如vue.js中就经常使用elementUI、Ant design等。而有时候组件的提供的样式达不到自己预想的效果,但在vue组件中style设置为scoped(以表示它的样式作用于当下的模块,很好的实现了样式私有化的目的)的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都生效,可以使用 /deep/ 深度选择器。
但是需要细节,/deep/和".class"中之间需要空格,否则不会生效。
/deep/ .el-form-item__content { line-height: 5px; }
优先级:
优先级关系:内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器