Как применить псевдоселекторы в собственных псевдоэлементах браузера? ⇐ CSS

[Anonymous]

Я создаю собственный элемент браузера , и для этого необходимо работать с собственными псевдоэлементами браузера, такими как:

Код: Выделить всё

.audio-message audio::-webkit-media-controls-current-time-display {
display: none;
}

Если скрыть этот элемент, элемент общей продолжительности звука будет отображаться со знаком «/» впереди.


Я хочу скрыть эту косую черту, так как она не имеет смысла в контексте, где скрыто оставшееся время, но я не могу использовать :first-letter с собственными селекторами элементов.
Мой вопрос: как мы можем применить что-то вроде:

Код: Выделить всё

.audio-message audio::-webkit-media-controls-current-time-display::first-letter {
display: none;
}

Пример не работает, я попробовал :is(), используя :first-letter вместо ::, а также изменив навести курсор и добавить важное, чтобы проверить, была ли проблема в селекторе.
Я бы предпочел решение только с помощью CSS, я знаю, что это можно так или иначе сделать в JS, но там — это несколько аудиоэлементов, и это может снизить производительность.

Код: Выделить всё

audio::-webkit-media-controls-current-time-display  {
display: none;
}

audio::-webkit-media-controls-current-time-display::first-letter {
/* Doesn't work */
display: none;
}

Код: Выделить всё

Проверьте фрагмент с помощью браузера на базе Chrome.

Подробнее здесь: https://stackoverflow.com/questions/793 ... o-elements