CSSのユニバーサルセレクタ（*）の優先順位付け

Question

ユニバーサルセレクタ*の優先順位付けがCSSにあったのは不思議でした。クラスの上か下か？

Answer 1

それがここにあった場合はコメント

に基づいて更新

.text { 
 
    color: blue; 
 
} 
 
div { 
 
    color: blue; 
 
} 
 
* { 
 
    color: red; 
 
}

<span class="text">Test span</span> 
 
<div class="text">Test div</div>

---

両方のクラスとタグのルールを示す、という名前のものよりspecificity下を持っています親要素を継承することを明示的に指示しない限り、グローバルセレクタ規則を使用します（2：ndおよび3で行われます）。 ：rd div、グローバルまたは特定。

.text { 
 
    color: blue; 
 
} 
 
div { 
 
    color: blue; 
 
} 
 
* { 
 
    color: red; 
 
} 
 

 
div.text.nr2 * { 
 
    color: inherit; 
 
} 
 

 
div.text.nr3 b { 
 
    color: inherit; 
 
}

<div class="text"> 
 
    Test div 
 
    <span>Test span</span> 
 
    <b>Test bold</b> 
 
</div> 
 

 
<div class="text nr2"> 
 
    Test div 
 
    <span>Test span</span> 
 
    <b>Test bold</b> 
 
</div> 
 

 
<div class="text nr3"> 
 
    Test div 
 
    <span>Test span</span> 
 
    <b>Test bold</b> 
 
</div>