CSS特异性 - 对更具体的类别没有任何东西

Question

说我有以下CSS：

  .InfoTable-main-table tbody tr td:before{
    background: #222;
    color: #fff;
    content: attr(title);
    display: block;
    left: 0;
    padding: .25em .5em;
    position: absolute;
    top: 0;
    width: auto;
  }

，但我希望更具体的CSS没有一个，即。

  .InfoTable-main-table tbody tr td.extra:before{
  }

但是，先前的CSS仍适用。有没有办法无视更通用的CSS，或者我必须降级才能将其应用于特定类？

Answer 1

假设您正在要求将一组样式应用于表小区，而没有 '类，:not()选择器似乎很合适：

.InfoTable-main-table tbody tr td:not(.extra):before{
  background: #222;
  ...
}
.InfoTable-main-table tbody tr td.extra:before{
}

Answer 2

您可以使用！在这样的属性CS之后很重要：

 .InfoTable-main-table tbody tr td.extra:before{
      left: 100px!important;
  }