Название в значительной степени говорит обо всем, но вот пример.

Допустим, у меня есть CSS-код загрузки, как показано ниже:

.spinner {
    height: 50px;
    width: 50px;
    position: relative;
    animation: rotate .6s infinite linear;
    border-left: 6px solid #222;
    border-right: 6px s,olid #222;
    border-bottom: 6px solid #222;;
    border-top: 6px solid #ccc;
    border-radius: 100%; 
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

Я хочу добавить псевдоэлемент к этому - например, сcontent: 'loading...' до или после.spinner.

Можно ли гарантировать, что псевдоэлемент не наследует анимацию от.spinnerили должен псевдоэлементвсегда взять то, что есть у родителей?