#post-id: 8353-13-31
#original-date: 9.06.2023 Fri
#original-time: 1:31 PM
#original-day: 8353
#original-host: Win7 Ultimate SP1 (Build 7601)
Есть страница с динамически обновляемым содержимым. Там есть таблица, в которой уебански оформлена шапка. Некоторые ячейки в шапке содержат текст, который нужно заменить на другой. Как быть?
Можно юзерскриптами возиться, но это скучно и неинтересно. Я предлагаю юзерстиль!
В CSS есть правило «content», которое указывает текст для элемента. И хотя работает оно только для селекторов «:before» и «:after», мы всё равно можем обмануть систему!
/* Прячем оригинальный текст. */
.bad_cell {
font-size:0px;
}
/* Прицепляем нормальный текст. */
.bad_cell:before {
font-size:18pt;
content:"Бяка";
}
Что здесь происходит? Сначала мы скрываем оригинальный текст, назначив ему нулевой размер. Потом создаём довесок в виде селектора «:before» с нужным нам текстом. Размер шрифта указывается потому что он наследуется от самого элемента, и в данном случае равен нулю. Поэтому приходится указывать ручками.