Content Pseudo Class Code Generator

The code generator will generate a content pseudo class code snippet for your web page.

Simply enter the content message, click "Generate Content Pseudo Class Code" button, then copy and paste the code snippet into your web page.

View Example

Content Message:
The page content and link you are viewing are not placed in to the HTML in a usual manner... they are placed in to the page onload through CSS pseudo class. This can be a great method of updating numerous pages via one change in the CSS.
Copy and paste the following code into your page.

(your generated content pseudo class code snippet will load directly below
Note: If you make code adjustments above, you must click the 'preview button' each time to update the previewer below.)
Preview will show a working example. You may also use the Snap HTML Code Editor for live demo.