Css single code for all HTML pages

Question

1.00/5 (1 vote)

See more:

I wish to learn about implementing one CSS code through which I can make changes to all pages (let's say 250 HTML pages).

I have one line of text which I want to display (and changes every week) to all 250 HTML pages. So instead of opening all 250 HTML pages every week, I want a simple CSS code that is implemented just once in all 250 pages and operated from MAIN CSS file.

Or let's say (another example) I have a javascript that I want to change every month in 250 HTML pages. So rather than opening all pages each month... just one code javascript implementation from CSS MAIN file.

I hope, I made myself clear, thanks

What I have tried:

Researched online for better understanding but not so helpful

Posted 4-May-20 15:53pm

Vines O

Updated 5-May-20 3:35am

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

MadMyche · Answer 1 · 2020-05-04T17:41:00

There are 3 elements to a web page:
1. HTML is the actual content of the page
2. Javascript is a scripting language that can interact and alter content within a page,
3. CSS is used to alter the appearance of a page.

So... the reason you can't find CSS to do what you are looking for is because that is not what CSS does.

If you are using a dynamic web application for generating your pages (eg PHP, ASP.NET) they generally have a way for using templates for the main layout. That template could be changed as needed to do what you are looking for.
However, if you don't have this (aka static pages) then this would not be an option.

The last choice is Javascript. This does have the ability to change the HTML, and you would only need to the one line of code to all the pages just one time, and change the javascript as needed to alter what it is changing

F-ES Sitecore · Answer 2 · 2020-05-05T03:37:00

Solution 2

Have a wrapper for your intended message;

HTML

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

And use the "content" attribute of "before" in your css

CSS

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

You can now update the css and the html will update accordingly.

CSS Content | CSS-Tricks[^]

Posted 5-May-20 3:37am

F-ES Sitecore

Comments

Vines O 6-May-20 9:07am

And what about the javascript???

F-ES Sitecore 6-May-20 9:44am

if using jquery

$("#message").html("message here");