css3 - CSS Styling for duplicate CSS -

css3 - CSS Styling for duplicate CSS -

edit done @ bottom, please there current question

okay, i've tried research much can - though i'm rather skilled googler, @ loss how describe problem somehow concisely.

i'm building forum. forum allows quoting, of course of study done through styled quote box. issue i've ran not quoting doesn't work, issue arises when several of these quotes intertwine. basically, if i'm quoting quote.

is there way through css alter behaviour of style if contains more one? or have somehow programmatically disallow multiple quotes? should workaround, mean heck - vbulletin , phpbb got work, heh!

i've taken print display issue @ hand. below you'll find css styling quote box. sadly can't display here don't have reputation so, i'll give link it.

click here image

for clarification, "stackoverflow awesome" should fall first quote box, , within that, "it truely is." sec quote.

css styling quote boxes:

p.quote::first-line { font-size: 12px; text-shadow: 3px 3px 4px rgba(150, 150, 150, 0.67); } p.quote { background: #d4d4d4; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201c""\201d""\2018""\2019"; font-size: 15px; }

edit

okay, using blockquotes suggested seems solution. issue run however, ::first-line argument no longer seems respond after beingness executed once. example: http://jsfiddle.net/ylzf3/

you may want take @ <blockquote> tag (quoting mdn html element <blockquote> reference pages):

<blockquote cite="http://developer.mozilla.org"> <p>this quotation taken mozilla developer center.</p> </blockquote>

and style accordingly. has advantage adds proper semantics page , using may save trouble, heres (ugly) example:

html:

<blockquote cite="http://developer.mozilla.org"> <p>this quotation taken mozilla developer center.</p> <blockquote> <p>this quote</p> <blockquote> <p>this quote</p> </blockquote> </blockquote> </blockquote>

css:

blockquote { background: #ccc; border: 1px solid blue; } blockquote p { padding-left: 16px; }

css css3