Edit This Code:
See Result »
<!DOCTYPE html> <html> <head> <style> p:before { content: open-quote; } p:after { content: close-quote; } p.hometown:before { content: no-open-quote; } p.hometown:after { content: no-close-quote; } </style> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?73c27e26f610eb3c9f3feb0c75b03925"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </head> <body> <p>My name is Donald</p> <p class="hometown">I live in Ducksburg</p> <p><b>Note:</b>In this page, p elements should have quotes, but p elements with class="hometown" should not.</p> <p><b>Note:</b> You cannot have "close-quote" without "open-quote".</p> <p><b>Note:</b> For the content property to work in IE8, a DOCTYPE must be declared.</p> </body> </html>
Result: