关于css中的/deep/的用法（修改elementui库的css但是不影响全局）

在项目中我们经常会用到Less或者Sass 。其中Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。以elementui库为例
如果我们想修改某一个输入框的长度 但是不想影响全局 这时候就体现了/deep/的重要性
下面展示一些 内联代码片。

// 修改输入框长度案例
.newDalio { 
	/deep/ .el-form-item {
		width: 200px !important;
		.el-form-item__content {
			width: calc(100% - 14px); // 根据自己需求修改
		}
	}
}

小提示： 这里我的需求是要修改某一个页面某一个弹框下的input框的长度
建议在最外层自己加一个class（newDalio）便于控制具体哪一块的
input框。根据自己的需求修改。