Добавить текст логотипа с разных html-страниц [закрыто] ⇐ CSS

[Anonymous]

Я создаю логотип веб-сайта, используя следующий HTML:

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

[url=index.html]Sarra.[/url]

И я настраиваю цвета с помощью CSS:

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

.mil-frame-top .mil-logo {
pointer-events: all;
color: rgb(0, 0, 0);
}
.mil-logo-dot .mil-logo-suffix {
pointer-events: all;
color: rgb(255, 152, 0);
font-weight: 200;
font-size: 18px;
}

Пока все работает нормально. В следующем я хочу добиться:
Суффикс на подстранице под названием «Дизайн», поэтому логотип должен быть следующим:

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

    [url=index.html]Sarra.Design[/url]

Итак, на главной странице посетитель увидит только логотип Sarra. но когда он/она перейдет к дизайну подстраницы, логотип будет добавлен к: Sarra.Design.
Для этого я написал следующую функцию js:

document.addEventListener("DOMContentLoaded", function () {
const text = "Design";
var logoElement = document.querySelector('.mil-logo-suffix'); const MetaPage = document.querySelector('meta[name="page"]'); if
(logoElement & (metaPage && MetaPage.getAttribute("content) ") !==
"home")) {
logoElement.textContent.replace("Масса.", "Масса." + text);
} } );

И я вызываю js-скрипт перед закрытием тела в html-файле подстраницы:< /p>

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

В настоящее время мне нужно решить две проблемы:

• При навигации между страницами я вижу один и тот же логотип: Сарра. поэтому я хочу добавить логотип на основе заголовка страницы, которую просматривает пользователь. Но это не работает.
• Я изменил цвет точки и суффикса в классе CSS, но пока (они не отображаются оранжевым цветом).

Может кто-нибудь сказать мне, в чем дело?
Спасибо п>

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