css选择器‘,‘、‘＞‘、‘+‘、‘~‘

,(群组选择器)

A,B{
//一般用于A，B两个类中有相同的样式时使用
}

空格(后代选择器)

A B{
//选择A的所有后代B的元素
}

>直接子元素选择器

A>B{
//选择A的第一代子元素B
}

+相邻兄弟选择器

A+B{
 //匹配直接相邻的两个兄弟
}

~兄弟选择器

A~B{
//同带兄弟
}

组件编程中父组件是无法修改子组件的样式的想要父组件修改子组件的样式，为样式添加/deep/

/deep/ .el-input__inner {
　　　　　　color: #fff6f7
　　　　}