CSSユニバーサルセレクター（*）特異性

Question

私は.xが*.xより高い特異性を持つ理由を理解しようとしています。

は0-0-1-1（1クラス、1個のタグ）.xながら、ただ一つのクラス0-0-1-0あるのspecifictyを持っていることになっていない*.xていますか？それは青でなければなりません

*.x { color: blue; } 
 

 
.x { color: red }

<p class="x">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, nam.</p>

：

は、次の基本的なコードを考えてみましょう。予想される動作を実証するために、私は別の要素（p）で*を置き換え：

p.x { color: blue; } 
 

 
.x { color: red }

<p class="x">This time it works.</p>

Answer 1

universal selector（*）特異性には影響しません、したがって、後者のセレクタのスタイルがものになること適用される。

アスタリスク（*）はCSS用の汎用セレクタです。任意のタイプの単一の 要素に一致します。単純なセレクタでアスタリスクを省略すると、同じ効果が になります。たとえば、* .warningと.warningは、 と等しいとみなされます。