如何将相同样式应用于具有相同父路径的不同深层选择器

Question

我想为多个表单元素设置一些边框颜色。我有下面的代码

.home .form-warn .form__text input, 
.home .form-warn .form__text select, 
.home .form-warn .form__text textarea {
    border-color: #e2231a;
}

我正在尝试用一种班轮代码编写如下内容

.home .form-warn .form__text [input, select, textarea] {
    border-color: #e2231a;
}

有可能吗？

Answer 1

本质上不是单线的，但是您可以通过以下SASS来实现：

.home .form-warn .form__text
  & input, select, textarea
    border-color: #e2231a;

The & keyword being, well, key here!

Answer 2

为什么不输出大量CSS，为什么不向输入添加简单的类，然后设置样式呢？

.form__text .input--border { border-color: #e2231a; }