Can't override css of element

Question

I have a website with a global template that contains partial templates, but now I\'m stuck with a simple CSS problem:

HTML

Answer 1

It's not about "better match" the rule has higher specificity value please check this link

I would recommend to avoid the use of !important You can read about it here. Here several highlights why not to use !important:

1.Encourages sloppy, poorly thought-out code

2.Creates code that is less maintainable

3.Overrides styles declared in user style sheets, thus degrading accessibility