Что означает такая запись стилей?

Question

[semki096]

Встретил такую запись, как работает такая каскадная запись стилей?

<div class="pl-thead tall">
    <div class="row">
      <div class="col">Head 1</div>
      <div class="col">Head 2</div>
      ..................
  <style>
  .pl-thead {
    color: #979797;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    margin: 15px 0;
    &.tall {
      background-color: #263338;
      margin: 0;
      padding: 5px 0;
      color: rgba(255, 255, 255, 0.7);
      ...........
      }
   }

Answer 1

[Даниил Маслов]

Всё разворачивается в такую запись (это синтаксис препроцессора SCSS):

.pl-thead {
    color: #979797;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    margin: 15px 0;
}

.pl-thead.tall {
    background-color: #263338;
    margin: 0;
    padding: 5px 0;
    color: rgba(255, 255, 255, 0.7);
}

Подобные вопросы уже были: Что значит символ & перед селектором?

Про вложенность можно прочитать здесь.

Если вы имели ввиду запись .class.class, то ответ есть здесь.