Css类和标签优先级问题[重复]

Question

此问题已经在这里有了答案：

• Understanding CSS selector priority / specificity4个答案
• CSS: Child selector higher precedence than class selecctor?3个答案
• Points in CSS specificity7个答案

这是我的代码：

.text-center > div > div {
  margin-left: auto;
  margin-right: auto;
 }
 
 .my-icon {
  margin: 3px 3px 0;
 }

<div class="text-center">
  <div class="my-icons">
    <div class="my-icon"></div>
    <div class="my-icon"></div>
    <div class="my-icon"></div>
  </div>
</div>

我不明白为什么设置边距

text-center > div > div

覆盖页边距设置

.my-icon

??

Answer 1

类选择器的数量相等，因此比较是在类型选择器中完成的。第一个选择器具有更多的类型选择器，因此更具体。