css - SCSS child 类超过骑马 parent 类

我有这个：

tr {
          &.selected {
            background-color: #424253;
          }
          td {
            &.current-month {
              background-color: #2c3645;
            }
            &.last {
              background-color: #1e252f;
              font-weight: bold;
            }
          }
        }

tr中的规则：

&.selected {
        background-color: #424253;
      }

正如预期的那样，被td规则覆盖：

&.current-month {
          background-color: #2c3645;
        }
&.last {
          background-color: #1e252f;
          font-weight: bold;
        }

如何使tr类selected总是推翻任何影响background-color的td类（不使用！important）？

最佳答案

您可以指定与当前月份和最后一个班级相同的特性，最后选择的写作将获得更高的精度，并覆盖其他班级。

tr {
          td {
            &.current-month {
              background-color: #2c3645;
            }
            &.last {
              background-color: #1e252f;
              font-weight: bold;
            }
            &.selected {
            background-color: #424253;
          }
          }
        }

关于css - SCSS child 类超过骑马 parent 类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42001104/