Is it possible to display text from a CSS file?

Question

I'm wondering it if is possible to display text on a HTML page from a CSS file.

For example for a web host instead of having 100MB display on a plan upon 4 pages and not having to edit each one but the CSS itself.

For example:

CSS
100MB

and than in text

Our plan has {text from css displays here}

Thanks

Chris · Accepted Answer · 2012-09-11 09:28:15Z

6

You can use the :after pseudoselector. Suppose your "our plan has" part has an ID planid, and your HTML looks like this:

<div id = "planid">Our plan has</div>

Then you can do this in the CSS:

#planid:after {
    content: ' 100MB'; /*what the element will contain*/
    display: inline; /*it's inline*/
    /*more styling*/
}

The :after selector creates a pseudo-element after the selected element. To create one before it, use the :before selector.

Little demo: little link.

answered Sep 11, 2012 at 9:28

Chris

27k6 gold badges61 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rohit Azad Malik · Accepted Answer · 2012-09-11 09:24:40Z

3

Used to after before properties

yes do this as like this

HTML

<div>Hello</div>

Css

    div:after{
content:'100mb';
}

live demo

more info

answered Sep 11, 2012 at 9:24

Rohit Azad Malik

32.3k17 gold badges72 silver badges100 bronze badges

2 Comments

Shaquille Ray Over a year ago

What HTML tag do i use? Do i use <div id="ram"> i tried using that and it doesn't seem to display the content

Rohit Azad Malik Over a year ago

you can chose any id or class as like this <div class="ram">Hello</div> and css ram:after used check to my updated answer

SpaceBeers · Accepted Answer · 2012-09-11 09:27:11Z

2

you can do this using pseudo elements like :after - http://jsfiddle.net/spacebeers/LQy7T/

.your_class:after {
    content: "YOUR TEXT";
    color: red;
    background: blue;
    display: inline;
}

answered Sep 11, 2012 at 9:27

SpaceBeers

14k6 gold badges50 silver badges64 bronze badges

Comments

albertedevigo · Accepted Answer · 2012-09-11 09:27:56Z

2

CSS is not designed to do that kind of work, it's for organizing styles and not for managing contents.
What you need is a variable to store your value and then show it many times. So you need PHP, JS, Ruby, Java or your favourite language.

answered Sep 11, 2012 at 9:27

albertedevigo

18.4k6 gold badges55 silver badges58 bronze badges

4 Comments

Jukka K. Korpela Over a year ago

The statement is mostly correct, but not an answer to the question; it should have been posted as a comment.

Shaquille Ray Over a year ago

I would of use PHP however PHP is a little on the slow side and the idea is having a site fast as possible. Also the above answer works with CSS.

Pavlo Over a year ago

@JukkaK.Korpela Yes, it's not an answer to a question, but a solution to a problem. IMO it has much more educational value. (And don't let people use a microscope as a hammer.)

albertedevigo Over a year ago

I think advising against bad practices and pointing in the good direction is the best we can do.

Collectives™ on Stack Overflow

Is it possible to display text from a CSS file?

4 Answers 4

Comments

2 Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related