Thanks @guust for the link.
A note on CSS specificity, to keep things simple think of it as a number, and the biggest number wins…
Inline styles = 1,x,x,x (1000 for each inline style:something;)
IDs “#” = x,1,x,x (100 for each ID)
Classes “.” = x,x,1,x (10 for each class)
Elements “p etc” = x,x,x,1 (1 for each element)
“!important” can be thought to beat them all with 1,x,x,x,x (10,000)
eg: #geodir_wrapper ul li .geodir_new_listing = a score of 112
100 for the ID (#geodir_wrapper)
10 for the class (.geodir_new_listing)
2 for the elements (ul & li)
To override that style you would need to get more specific. One way to do this is add a class to the body “.myclass”,
eg: .myclass #geodir_wrapper ul li .geodir_new_listing = a score of 122
100 for the ID (#geodir_wrapper)
20 for the classes (.myclass and .geodir_new_listing)
2 for the elements (ul & li)
Hope that helps rather than confuses!
Get the latest news, tips, and exclusive content directly in your inbox.
Confirm your email address, and instantly receive the discount code :)