In order to maintain consistency across all pages without using JavaScript, I am looking to implement a method where the text from one page can be used in all other pages. This way, if any changes are made to the text on the index page, it will automatically reflect on all other pages.
Currently, the text is contained within a paragraph <p>
element inside a <footer>
.
I am aware that this functionality can typically be achieved with JavaScript, but I am specifically looking for a solution using only CSS and HTML.
index.html:
.MyText:before {
content: "Text here: ";
}
other page(s):
<div id="//index.html/MyText"> <--- Is it possible to include something like this?