SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Jun 2009
    2 Post(s)
    0 Thread(s)

    Eric Meyer's reset -- need something explained..

    pls what does this do?

    blockquote:before, blockquote:after, q:before, q:after {
    	content: '';
    	content: none;
    what is "content"???

    I've seen this before, but have never used it...

    thank you..

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Hampshire UK
    182 Post(s)
    6 Thread(s)

    The content property goes hand in hand with the :before and :after pseudo elements and allows for content to be added to a document through css. Quote marks for blockquotes and the q element are typically generated by the browsers and added via the content property.

    IE6 and 7 however do not understand this and in order to maintain a level playing field the reset removes the quote marks from all browsers which then allows you to add them direct to the html.

    Eric makes the point that generated content should not be used for important content and if a quote is important to the context then you should apply it in the html and not in the css.

    I’m very leery of reliance on generated content. If you rely on generated quotes as recommended by the W3C, then in any non-CSS user agent, there will be no quotation marks. I would rather suppress generation of quotation marks and insert my own, the same way I would avoid or suppress automatic generation of list counters and have them in the content if they were crucial to the document’s integrity. (For example, legal codes.)


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts