CSS Style Question

views:

answers:

+1 Q:

CSS Style Question

Hi,

In the following style:

.slider div div div h2 span { color:#ae663d;}

What is the purpose of "div div div"?

+3 A:

It specifies that the rule applies to span tags, contained in h2 tags, contained in three nested divs, under a tag with class 'slider'.

Something like this, where the <span> containing "here" will be matched:

<body class="slider">

  <div>
    <div>
      <div>
        <h2>Header text <span>here</span></h2>
      </div>
    </div>
  </div>

</body>

meagar 2010-10-30 04:24:39

Cool, that was what I thought but I wasn't sure if those divs were just duplicated or if the original author meant to do that because it seems like there should be a better way to target this the span since the number of divs its nested in could change.

Kory 2010-10-30 04:27:14

@Kory It's definitely not a good idea to use a complex hierarchy to select something. Chances are `.slider h2 span` would have been specific enough.

meagar 2010-10-30 04:28:19

+1 meagar ; Also, complex hierarchies like that can be avoided by the judicious use of classes/ids on the elements, too.

Andrew Barber 2010-10-30 04:32:38

ansaurus

tags:

views:

answers:

CSS Style Question

related questions