Question

我觉得这个问题非常愚蠢，因为我觉得我错过了一些东西。我有以下HTML代码：

span {
  .label-link-text {
    font-size: 15pt;
    color: red;
  }
}

现在，我想使用类选择器设置span的样式：

span {
  &[class="label-link-text"] {
    font-size: 15pt;
    color: red;
  }
}

可悲的是，它并没有像那样工作。但相反，这工作正常：

  var resultData = from task in db.Tasks
                                 where task.IsActive == true && task.TaskName != null
                                 join timesheet in db.TimesheetData on task.Id equals timesheet.TaskId
                                 where timesheet.Date >= thisWeekStart && timesheet.Date <= thisWeekEnd
                                 group new { task, timesheet } by new { task.Id, task.TaskName } into taskTime
                                 select new { TaskName = taskTime.Key.TaskName, Hours = taskTime.Sum(tt => tt.timesheet.Hours) };

return Json(resultData.ToArray());

有人可以向我解释一下吗？我认为类选择器应该像第一个例子一样工作？

Codepen：https://codepen.io/anon/pen/MrjGqe

非常感谢！

Answer 1

这样做：

span {
    .class {}
}

使用作为范围子项的类class定位元素：

<span><div class="class"></div></span>

你想要的是这个：

span {
    &.class {}
}

使用&父选择器，您可以使用课程span定位class：

<span class="class"></span>

Answer 2

使用此

span {
  &.label-link-text {
    font-size: 15pt;
    color: red;
  }
}

跨度中的scss类选择器

2 个答案: