How to hide "All categories" heading

todosteam

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!

todosteam

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

x00

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

x00

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.

x00

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.