CSS обращение к классу элемента по класу самого же элемента (не знаю как правильнее задать вопрос)

Question

Есть ссылка

<a class="btn tiny"></a>

Нужно задать стили для .tiny который обязательно привязан именно к .btn

если просто использовать

.tiny {
  /*Стили*/
}

То если будут ещё элементы например

<a class="link tiny"></a>

То стили применятся и к ним тоже.

Не знаю возможно ли такое, но буду благодарен за ответ.

Answer 1

В CSS можно как можно более точнее указывать, к какому элементу нужно обращаться.
В вашем случае, можно использовать связку классов, выглядеть это будет так: .btn.tiny {...}.

Пример:

.tiny {
  /* Уберёт подчёркивание у всех ссылок с классом .tiny */
  text-decoration: none;
}

/* Но элементу с классом btn tiny мы хотим добавить подчёркивание */
.btn.tiny {
  text-decoration: underline;
}

<a class="btn tiny">btn tiny</a> | <a class="link tiny">link tiny</a>

Можно даже использовать атрибуты, но это уже другая история.

БЛОГ НА HUSL

CSS обращение к классу элемента по класу самого же элемента (не знаю как правильнее задать вопрос)

Ответы (1 шт):