Vines O Ответов: 2

Css единый код для всех HTML страниц

Я хочу узнать о реализации одного CSS-кода, с помощью которого я могу вносить изменения во все страницы (скажем, 250 HTML-страниц).

У меня есть одна строка текста, которую я хочу отображать (и менять каждую неделю) на всех 250 HTML-страницах. Поэтому вместо того, чтобы открывать все 250 HTML-страниц каждую неделю, я хочу простой CSS-код, который реализуется только один раз на всех 250 страницах и управляется из основного CSS-файла.

Или, скажем (другой пример) У меня есть javascript, который я хочу менять каждый месяц на 250 HTML-страницах. Так что вместо того, чтобы открывать все страницы каждый месяц... всего одна реализация кода javascript из основного файла CSS.

Надеюсь, я ясно выразился, спасибо

Что я уже пробовал:

Исследовал в интернете для лучшего понимания, но не так полезно

2 Ответов

Рейтинг:
2

MadMyche

На веб-странице есть 3 элемента:
1. HTML-это фактическое содержимое страницы
2. Javascript-это язык сценариев, который может взаимодействовать и изменять содержимое страницы,
3. CSS используется для изменения внешнего вида страницы.

Итак... причина, по которой вы не можете найти CSS, чтобы сделать то, что вы ищете, заключается в том, что это не то, что делает CSS.

Если вы используете динамическое веб-приложение для генерации ваших страниц (например, PHP, ASP.NET) у них обычно есть способ использовать шаблоны для основного макета. Этот шаблон может быть изменен по мере необходимости, чтобы сделать то, что вы ищете.
Однако если у вас нет этого (он же статические страницы), то это не будет вариантом.

Последний вариант-Javascript. Это действительно имеет возможность изменить HTML, и вам нужно будет только одну строку кода на все страницы только один раз, и изменить javascript по мере необходимости, чтобы изменить то, что он меняет

Рейтинг:
2

F-ES Sitecore

Имейте обертку для вашего предполагаемого сообщения;

<div id="message"></div>


И используйте атрибут "content" из "before" в вашем css

#message:before {
    content: "Hello world"
}


Теперь вы можете обновить css, и html будет обновляться соответственно.

CSS Контент | CSS-трюки[^]

Vines O

А как насчет javascript???

F-ES Sitecore

если вы используете jquery

$("#message").html("сообщение здесь");