CSS标签顺序混乱，当应用于<input>标签

Question

Django的股票base.css具有如下的声明：

.errors input, .errors select, .errors textarea { 
border: 1px solid #c11; 
} 

这是什么意思在CSS特异性方面？这是否意味着将错误类添加到输入标记会将该标记的边界更改为指定的值？我试了一下，但它似乎没有按预期工作：

这是否意味着类错误的输入标记？这就是this答案似乎指向。在那种情况下，我能做些什么来确保风格实际上是应用的？有人可以放大吗？

Answer 1

不，这意味着如果输入的父级，select或textarea有class="errors"，则将应用边框。

例子：

<div class="errors"> 
    <input></input> 
</div> 

如果你想添加类直接输入...

HTML

<input class="errors"></input> 

CSS

input.errors, select.errors, textarea.errors { 
    border: 1px solid #c11; 
} 

它的工作原理是这样的：

.parent-class element

或

element.element-class

Read up on CSS selectors here for more.