My website includes various text features, which means that nested blockquotes are a possibility. I am now curious if it is feasible to style nested blockquotes differently from each other!
blockquote{
background-color:#666;
color:#fff;
border:1px #000 solid;
}
This is a basic example of blockquote styling. The question arises:
Is there a way to have alternating blockquotes within a blockquote with a black background? Maybe even having the 4th nested blockquote with a white border.
The ability to customize nested blockquotes would be greatly beneficial to me!
Check out this jsfiddle with nested blockquotes
Thank you!
P.S. I am willing to use any of the 4 tagged languages, except for PHP.
EDIT NOTE:
I am unable to assign IDs to the blockquotes as they are user-generated. If using IDs or Classes, these must be added to specific blockquotes through jQuery.