S CSS дочерний класс в html - PullRequest
Новая
       30

S CSS дочерний класс в html

0 голосов
/ 08 апреля 2020

Эй, ребята, предположите, что у меня есть css файл, подобный этому 

.wallet-gdi-info-container {
    border: 1px solid $theme-main-color;
    display: flex;
    min-width: 150px;
    max-height: 100px;
    font-family: HelveticaRegular, sans-serif;
    flex-direction: column;
    padding: 10px;
    margin: 20px;

    .title {
        font-size: 12px;
        margin-bottom: 10px;
        font-weight: bold;
        color: black;
    }

    .currency {
        font-size: 18px;
        margin-right: 15px;
        margin-left: 15px;
        font-weight: bold;
        color: black;
    }

    .currency-bitcoin {
        font-size: 14px;
        align-self: flex-end;
        justify-self: flex-end;
        margin-right: 19px;
        color: gray;
    }
}

Теперь, как я могу присвоить классу заголовка .wallet-gdi-info-container (точно) значение html? Например, 

<div class="wallet-gdi-info-container">
    <div class="wallet-gdi-info-container title">Total Invested</div>
    <div class="wallet-gdi-info-container currency">12000 EUR</div>
    <div class="wallet-gdi-info-container currency-bitcoin">~2.23 BTC</div>
</div>

Не работает нормально, потому что в s css уже определен класс .title. Мне нужно дать класс .title, который точно является дочерним по отношению к .wallet-gdi-info-container. Как мне этого добиться?

...