Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

How to hide "All categories" heading

Hi!

I'm trying to hide the line that says "All categories"

I've writed

.ItemHeading {
display:none;
}

In the custom CSS, but it doesn't work. Any idea? Thanks!

Comments

  • Sorry for the double post. I can't delete it. :(

  • .Headings div has a higher precedence. That is why tools like firebug are invaluable.

    you could use .CategoryHeadings div.ItemHeading

    or just hide .CategoryHeadings

    basically .Parent .Child has higher precedence than just .Selector becuase it is more specific. It will apply the more specific rule over the less specific, the ensure the specificity is met.

    grep is your friend.

  • incidentally if you have

    .Parent > .Child{
       background-color:red;
    }
    
    .Parent .Child{
       background-color:blue;
    }
    

    It will actually be blue. You can find this out experimentally. Even though > mean direct descendent, they are basically applied as part of the cascade, identically but one after the other .

    .Parent > div.Child{
       background-color:red;
    }
    
    .Parent .Child{
       background-color:blue;
    }
    

    and

    .Parent .Child{
       background-color:blue;
    }
    
    .Parent > .Child{
       background-color:red;
    }
    

    will be red.

    grep is your friend.

  • the official explanation is they are both selecting .Child so it is the same precedence. > is just a way to select .Child that are direct descendants only.

    grep is your friend.

Sign In or Register to comment.