Я хотел бы стилизовать содержимое элемента по-разному в зависимости от того, имеет ли он атрибут open.
Ниже приведен пример того, чего я пытаюсь достичь. Я бы хотел, чтобы текст обрезался, когда элемент сворачивается, но увеличивался, чтобы отображать все его содержимое при раскрытии. (Точная реализация обрезки текста и расширения содержимого здесь не имеет значения. Важно просто заставить тег отображаться, когда свернут.)
Код: Выделить всё
details[open] p {
flex-grow: 1;
}
details:not([open]) p {
display: inline;
max-height: 3em;
text-overflow: ellipsis;
}Код: Выделить всё
This is the summary element.
This is the details element.
Подробнее здесь: https://stackoverflow.com/questions/694 ... -is-closed
