如何用更少的时间写一个课堂

Question

用更少的钱在类中编写类的最好方法是什么？我的视图中有一个表，其中样式仅在表的最后一行有所不同。我的少课如下。我没有任何错误。但是我只是想检查一下这是如何在另一种或任何其他更好的方法中编写类？

.div-td 
{
  display: table-cell;
  border-bottom: 1px solid silver;
  padding: 0.75rem;
}
.bold-border 
{
 .div-td;
  border-top: solid #808080 !important;
  border-bottom: solid #808080 !important;
}

我的最终结果是：

.div-td {
    display: table-cell;
    border-bottom: 1px solid silver;
    padding: 0.75rem;
}
.bold-border {
    display: table-cell;
    border-bottom: 1px solid silver;
    padding: 0.75rem;
    border-top: solid #808080 !important;
    border-bottom: solid #808080 !important;
}

Answer 1

如果您要定位INSIDE .div-td元素，则将该样式嵌套在您的较少代码中，例如：

.div-td {
  display: table-cell;
  border-bottom: 1px solid silver;
  padding: 0.75rem;
  .bold-border {
    border-top: solid #808080 !important;
    border-bottom: solid #808080 !important;
  }
}