Html 在css中重置，不覆盖也不覆盖！重要的

HTML:

<div id="div_id"><div class="div_class"><p>test</p> </div>
    <div class="two"> <p>asd</p></div>    
</div>

#div_id p {
  color:red;
  background-color: green;
  width: 100px;
}

.two p {
  // here reset all
}

实例：

asd看起来是一样的。如何重置

中的所有。两个p

？我必须重复

颜色

，

背景色

和

宽度

？我希望在不覆盖和不使用

的情况下重置所有！重要提示：（？）

出于某种原因，它不喜欢在css声明中去掉#div_id，但添加它是有效的

#div_id p {
  color:red;
  background-color: green;
  width: 100px;
}

#div_id .two p {
  color:inherit;
  background-color: inherit;
  width:auto;
}

#div_id p
选择
下面出现的任何p#div_id
和
。两个p
选择
下面出现的任何p。两个
。制定第一条规则：

#div\u id>div>p

只针对第一个
p
。这样，您就不需要重置任何其他内容。
您的问题是什么？您想实现什么？当您退出
#div_id
时，它不起作用的原因是id的特殊性值高于类。所以
#div id p
战胜了
。两个p
。但是通过添加id和类意味着
#div_id.two p
比
#div_id p
@tw16具有更高的特异性值，感谢您的澄清！我很高兴有一个解释异常XD的理由
#div_id p {
  color:red;
  background-color: green;
  width: 100px;
}

#div_id .two p {
  color:inherit;
  background-color: inherit;
  width:auto;
}