The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to apply CSS rule to div inside other divs div1>div2>div3

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #42329

    Hello !

    I have a website i’m working on that has a class which is shared by other areas besides the one i want to apply rule to (i want to apply CSS rule to right column header only), which is at bottom header of each module .
    Basically what I want to do is to know how to write the css rules so they’ll only be applied to the header of this right column.

    You can check for this

    `h3.header` affects all header

    This `h3.header` is inside `div` with `id=dhRightTop` and `class=dhMain`

    I tried stuff like `h3.header#dhRighttop, div.dhmain.h3.header , div#dhdhRightTop.h3.header`, but nothing seems to work.

    Here’s the div order :

    `div id=dhright class=dhcol > div id=dhrighttop class=dhmain > div class=box > h3 class = header`

    Thank you


    I think you want something like:

    `#dhrighttop h3.header`

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.