Как наследовать елемент?

Question

[campus1]

Здравствуйте!
Как правильно наследовать h1?

.about {
    padding: 70px 0 130px 0;
    h1 {
        font: 700 45px/50px $acrom_bold;
        position: relative;
        margin-bottom: 30px;
        text-transform: uppercase;
        color: $light_grey;
        span {
            position: absolute;
            top: -20px;
            left: -35px;
            display: block;
            width: 16px;
            height: 16px;
            background-color: $blue;
            &::before {
                content: "";
                position: absolute;
                top: 20px;
                left: -10px;
                display: block;
                width: 12px;
                height: 12px;
                background-color: $green;
            }
            &::after {
                content: "";
                position: absolute;
                top: 22px;
                left: 10px;
                display: block;
                width: 8px;
                height: 8px;
                background-color: $green;
            }
        }
    }
}

Мне надо что-бы другой елемент h1, унаследовал css этого елемента ( что выше в коде)!

Answer 1

[iBird Rose]

ну ты вытащи стили h1 из .about

Comments

[campus1]

Окей.

Answer 2

[Сергей]

Уточните, пожалуйста, вы ведь используете SASS?
Посмотрите код в других файлах SASS, быть может, он "перешибает" собой текущие свойства.