1.描述：在使用vue-cli和elementUI開發前端項目時，會遇到在選擇行內表單，一行多個元素時，label標簽和輸入框之間自動換行。如圖所示
一般我們會對標簽直接使用style屬性進行樣式調整，要想將樣式代碼放入到<style>中，而組件在被渲染后會有很多層，怎樣將樣式直接加到對應輸入框元素上
就用到前端/deep/深入樣式
有時可能需要深入好幾層才能到達需要直接控制的元素，其實我們可以直接些最外層父元素的類名，然后/deep/到需要調整的內層元素類名就好。
例如：
.el-form-item
/deep/ .el-form-item__content {
width: calc(100% - 100px);
}
然而當我們都弄好了，進行 npm run serve，發現報錯了，如圖。
度娘了一下，發現是sass預處理器無法正確解析可以將 /deep/改成::v-deep 即可
即
.el-form-item ::v-deep .el-form-item__content {
width: calc(100% - 100px);
}