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.