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

假设您要求将一组样式应用于表格单元格而不＆＃39;额外的＆＃39;类和样式使用类，:not()选择器似乎很合适：

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

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

}

Answer 2

你可以使用！important之后的属性css：

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