CSS - идея обозначения атрибутов

• Селектор тэгов:

  h1, p {
    color: red;
  }
  

• Селектор классов (class):

  .green-italic {
    color: green;
    font-style: italic;
  }
  

  подключается к любому тегу с помощью атрибута class:

  <li class="green-italic">
  

• Селектор идентификаторов (id):

  #shadow {
    text-shadow: 2px 2px 2px gray;
  }
  

  подключается к любому тегу по атрибуту id:

  <p id="shadow">
  

Описание свойств для тега div, у которого подключен класс modifier (<div class="modifier">):

div.modifier {
}