Скрыть текст, оставить элементы значков ⇐ CSS

[Anonymous]

Сейчас у меня довольно большой сайт, и изменение кодов всех кнопок займет много времени, поэтому мне интересно, может ли CSS что-то сделать для меня без изменения HTML-кода.

На каждой странице есть панель действий с несколькими кнопками, которые состоят из значка и текста. Примерно так:

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

[i][/i]
Button label


[i][/i]
Button label

Теперь я хочу добиться того, чтобы на мобильных устройствах текст внутри кнопки не отображался; должен отображаться только значок.

Если бы у меня была такая разметка:

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

[i][/i]
Button label

Тогда я знаю, что могу скрыть все ярлыки, выполнив следующие действия:

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

@media(max-width:768px) {
.btn .label {
display: none;
}
}

Итак, мне интересно, существует ли чистый CSS-эквивалент этого, но с первой разметкой HTML, в которой нет span.label?

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