CSS, как изменить стиль на основе текста внутри
Цитата: Валера от 28.12.2024, 21:21Доброго времени суток. Я открыл для себя чудесное расширение браузера Stylus благодаря которому я могу менять стили оформления сайтов. И я этим активно пользуюсь.
К примеру на одном сайте я составляю свой личный черный список страниц которые я не хочу видеть. Выглядит это примерно так.
div[title="Название страницы (название страницы на другом языке)"], a[href="//ссылка_на_страницу.html"],И до этого дня это всегда работало. Это покрывало все варианты отображения ссылок и в целом названия этих страниц.
И используя шаблон сверху я сделал маленькую программку на C# в которую я вставляю ссылку на страницы, а она сама парсит название и составляет CSS код для расширения браузераНо появился третий вариант оформления. Вместо
div[titleизменилось (текст в скобках отсутствует), и ссылку обрезали. Убрали домен сайта из нее. Но при этом на странице все еще присутствует "Название страницы (название страницы на другом языке)" но в другом виде.<a href="/обрезанная_ссылка_без_домена.html" title="Название страницы" class="title_link">Название страницы (название страницы на другом языке)</a>
В связи с этим вопрос. Как то можно используя стили CSS, изменять те стиль, если внутри содержится текст "Название страницы (название страницы на другом языке)". Не внутри
href="", а внутри<a></a>.div.title_link:contains('')или что то в этом роде существует в CSS?
Доброго времени суток. Я открыл для себя чудесное расширение браузера Stylus благодаря которому я могу менять стили оформления сайтов. И я этим активно пользуюсь.
К примеру на одном сайте я составляю свой личный черный список страниц которые я не хочу видеть. Выглядит это примерно так.
div[title="Название страницы (название страницы на другом языке)"], a[href="//ссылка_на_страницу.html"],
И до этого дня это всегда работало. Это покрывало все варианты отображения ссылок и в целом названия этих страниц.
И используя шаблон сверху я сделал маленькую программку на C# в которую я вставляю ссылку на страницы, а она сама парсит название и составляет CSS код для расширения браузера
Но появился третий вариант оформления. Вместо Скопированоdiv[title изменилось (текст в скобках отсутствует), и ссылку обрезали. Убрали домен сайта из нее. Но при этом на странице все еще присутствует "Название страницы (название страницы на другом языке)" но в другом виде.
<a href="/обрезанная_ссылка_без_домена.html" title="Название страницы" class="title_link">Название страницы (название страницы на другом языке)</a>
В связи с этим вопрос. Как то можно используя стили CSS, изменять те стиль, если внутри содержится текст "Название страницы (название страницы на другом языке)". Не внутри Скопированоhref="", а внутри Скопировано<a></a>. Скопированоdiv.title_link:contains('') или что то в этом роде существует в CSS?
Цитата: Сергей от 28.12.2024, 22:04Привет 🖐
В CSS нельзя сделать проверку по тексту.
Самый простой вариант - придумать как сделать селектор не используя текст, также можно использовать JS для этой задачи.
Привет 🖐
В CSS нельзя сделать проверку по тексту.
Самый простой вариант - придумать как сделать селектор не используя текст, также можно использовать JS для этой задачи.
Цитата: Павел Олегович от 29.12.2024, 13:31Добрый день. Стили CSS используются для изменения внешнего вида и частично функционала(таймер можно сделать или анимацию) HTML страницы. Напрямую изменять DOM древо HTML страницы и менять её как хочешь, можно через JavaScript или частично через сам html . Я для изменения стилей или переключателей использую js. Посмотри у Хачатура есть видео про js, он там говорит как можно переназначить и изменять стили и менять DOM древо. Я правда забыл где смотрел это видео.
Добрый день. Стили CSS используются для изменения внешнего вида и частично функционала(таймер можно сделать или анимацию) HTML страницы. Напрямую изменять DOM древо HTML страницы и менять её как хочешь, можно через JavaScript или частично через сам html . Я для изменения стилей или переключателей использую js. Посмотри у Хачатура есть видео про js, он там говорит как можно переназначить и изменять стили и менять DOM древо. Я правда забыл где смотрел это видео.