html - CSS - 通过父标签设置边框

Question

我有这个 html 结构:

<div class="col-md-6 parent error">
  <div class="container">
    <input type="text" class="form-control my-input">
  </div>
</span>

我想设置红色边框输入，当<div class="parent">会有类错误。我无法将错误类插入输入，因为 div container不是我的元素，它在组件中。

我知道这个:

.ngx-datepicker-container > .ngx-datepicker-input{
    border: 1px solid red!important;
}

但它总是设置红色边框。我只需要 parent div 将有错误类。

多谢指教

Answer 1

试试这个

.parent.error input {
    border: 1px solid red!important;
}