Cascading elements question

[TestingXSD]

Given that I have a div tag wrapping a portion of my content, is there a way that I can apply a style to every nested Blockquote? This question is not as dumb as it sounds. I'm talking about nesting.

Something instead of:

Div.content blockqoute
{
FONT-FACE:Arial
}
Div.content blockqoute blockquote
{
FONT-FACE:Arial
}

Div.content blockqoute blockquote blockquote
{
FONT-FACE:Arial
}

Sort of like saying for every tag x inside tag y do this

Thanks for your time

-T

 

[tviman]

Have you tried setting a blockquote class?

There's always a better way. The fun is trying to find it!

 

[Vragabond]

Your first example is all you need to do:

div.content blockqoute
{
  font-face: Arial;
}

This will make any blockquote within the <div> with a class content have Arial font. It does not matter how many elements are in between. For example:

<div class="content">
 <blockquote>
  First
  <blockquote>
   Second
   <blockquote>Third</blockquote>
  </blockquote>
 </blockquote>
</div>

All the blockquotes will have Arial font if you specify the css I have shown above. That css applies to all descendant elements, not just first child. Hope it is clear.

 

[TestingXSD]

I just realized what I said wrong. I need to apply to ANY blockqoute tag. There may be a blockqoute inside a div, inside a div, inside someother type of tag. I just want to say any "blockqoute" tag within this type of div tag gets this type of style.

I am trying to avoid 50 variations on the style.

-T

 

[ChrisHunt]

Hey, you've got the word "testing" as part of your handle, have you tried doing any? Declare the first CSS rule that you suggested yourself:

Div.content blockqoute 
{
  FONT-FACE:Arial
}

and try a few test cases in a document.

You'll find that any <blockquote>s, anywhere inside a <div class="content"> will be rendered in Arial, whether or not there are any intervening elements.

-- Chris Hunt

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk