CSS Before and After Content Primer Tutorial

CSS Before and After Content Primer Tutorial

CSS Before and After Content Primer Tutorial

The “#element:before { content: ‘Some starting content'; }” and “#element:after { content: ‘Some optional ending content'; }” CSS syntax (to populate the innerHTML “content” of HTML element id=’element’) is fascinating to me, because it feels like breaking the rules somehow. Why should CSS have that “content” fun within its means? Mind you, to piece together the ‘Some content’ in interesting and useful ways may require you to help the CSS out with one of …

  • Javascript DOM (or maybe jQuery)
  • PHP (or some other server-side language)

… but have been giving you, lately, a rest from server-side PHP for two reasons …

  1. not everybody has Apache/PHP hosting … doh!
  2. the web programming world’s Ajax inspired functionality has meant that you can do lots of inter-webpage communication ideas and still be using only Javascript

… but am here to tell you, even so, that you should not underestimate what a server-side language can help you out with, with respect to file and database and validation usage, as well as the fact that those inter-webpage communication ideas are (arguably) easier to code using PHP or some other server-side language … EOR (ie. end of rave).

What reminded me of the “#element:before { content: ‘Some starting content'; }” and “#element:after { content: ‘Some optional ending content'; }” CSS syntax was the writing of Dynamic Javascript and CSS Primer Tutorial and how this method ended up usefully contributing to textareaidea.txt as a way to force the content of an iframe body tag element.

All this has led to some more delving into this subject area with our live run and HTML programming source code you could call css_before.html

If this was interesting you may be interested in this too.

This entry was posted in eLearning, Tutorials and tagged , , , , , . Bookmark the permalink.

5 Responses to CSS Before and After Content Primer Tutorial

  1. SEO says:

    I with each other with my pals happened to be reading by means of the best guidance out of your web weblog whilst all of a sudden created a terrible feeling I had not expressed respect towards the blog owner for those tactics. These young men are currently for that purpose joyful to learn all of them and have now sincerely been loving them. We appreciate you genuinely really thoughtful after which for selecting these sorts of decent topic matter most of the people are actually eager to find out. Our sincere regret for not expressing appreciation to you sooner.

  2. put says:

    Hello my family member! I wish to say that this post is awesome, great written and include almost all significant infos. I would like to look extra posts like this .

  3. holiday in Kenya says:

    This really is really fascinating, You’re a remarkably expert post writer. I’ve enrolled with your feed and moreover , count on enjoying the truly wonderful write-ups. And also, I’ve got shared your webpage throughout our myspace.

  4. guaranteed says:

    I enjoy you discussing your perspective.. Terrific beliefs you might have here.. Loving the contribution.. pleased Recognize the value of the posting you offered..

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>