CSS Style Question

Question

In the following style:

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

What is the purpose of "div div div"?

[bad_joke]Maybe the original web designer had a finger stutter?[/bad_joke] (or, it could be meager's answer!) — Andrew Barber
– Andrew Barber, Commented Oct 30, 2010 at 4:33

user229044 · Accepted Answer · 2010-10-30 04:24:39Z

3

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>

answered Oct 30, 2010 at 4:24

user229044♦

241k41 gold badges347 silver badges350 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Kory Over a year ago

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.

user229044 Over a year ago

@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.

Andrew Barber Over a year ago

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

Collectives™ on Stack Overflow

CSS Style Question

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related