XF 1.4 Extra.css: !important


Active member

In a lot of situations I find myself using !important, as I'm unable to increase the specificity of the selectors as compared to the default css code inside XF templates.

Is this good practice?

How do people here use css code in extra.css to override css rules?

For example, If I want to override rules inside of .node .subForumList li .nodeTitle, ID selector is not an option for such generic rules. I'm left with !important as the only method, or maybe find more enclosing classes to increase the specificity. Are there better methods?