@iliya2004
Верстальщик, программист, дизайнер

Как реализовать это на css?

<div id='pwaalert'>
            <span id='pwaspan'>установить этот сайт, как приложение</span>
            <br>
            <p id='pwap'>Его можно установить себе на рабочий стол. Благодаря супер кешированию сайт будет загружаться мгновенно и работать без интернета</p>
        </div>


с помощью js
document.getElementById('pwap').style.width=document.getElementById('pwaspan').offsetWidth+'px'

Я добился этого эффекта, т.е. #pwap получает такую же ширину, как и #pwaspan.

5f492ef76fad5800302895.png

Можно ли как-то на css это сделать?

Вот, что есть
#pwaalert{
    margin-left: 1em;
    text-decoration: underline dotted var(--miniPostDiscColor);
    opacity: .8;
    display: flow-root;
    cursor: pointer;

    & p{
    margin: 0.7em auto 0px;
    font-size: inherit;
    width: 100%;
    font-weight: 100;
    color: var(--pColor);
    filter: brightness(0.8);
    display: inline-block;
    text-decoration: none;
    }
}
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
Alexandre888
@Alexandre888
Javascript-разработчик
Я добился этого эффекта, т.е. #pwap получает такую же ширину, как и #pwaspan.

так объедините два элемента:
.element1 + .element2 {
 /* ... */
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы