CSSタグの順序の混乱<input>タグ

-2

に適用した場合にDjangoの株式base.cssは、以下のように宣言していますCSSタグの順序の混乱<input>タグ

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

これはCSSの特異性の点では何を意味するのでしょうか？入力クラスにエラークラスを追加すると、そのタグの境界が指定された値に変更されますか？私はそれを試しましたが、期待どおりに動作していないようです：

これはクラスエラーの入力タグを意味しますか？それはthis答えが指しているようです。その場合、スタイルが実際に適用されていることを確認するために私は何ができますか？誰かが増幅できますか？

これは 'asking'前に、基本的なCSSセレクタを学ぶ意味...： //duckduckgo.com/?q=tutorial+css+selectors&t=ffsb&atb=v67-6b_&ia=web） – vsync

ありがとうございます、私は[this]（https://developer.mozilla.org/en-US）に固執します。/docs/Web/CSS/Reference） –

いいえ、これは、入力、選択、またはテキストエリアの親がclass="errors"の場合、境界線が適用されることを意味します。

例：

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

あなたが直接入力にクラスを追加したい場合は...

HTML

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

CSS

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

それはこのように動作します：[ここ]（HTTPS

.parent-class element

または

element.element-class

2017-06-18 14:12:33 dennispreston

しかし、なぜ、既存の要素に適用された後に追加されたCSS属性がオーバーライドされるのですか？ –

@CoriolisForce私の編集を参照してください。 – dennispreston

答えて