Why CSS rules are disabled

Question

Anyone have an idea? why my css is disabled and strikethrough

Because another media query presides over another. – Ashad Nasim Mar 17 '19 at 06:22 — Ashad Nasim, Mar 17 '19 at 06:22

JBallin · Answer 1 · 2019-03-17T06:29:36.913

CSS values can be overwritten based on their specificity:

Specificity is a weight that is applied to a given CSS declaration, determined by the number of each selector type in the matching selector. When multiple declarations have equal specificity, the last declaration found in the CSS is applied to the element. Specificity only applies when the same element is targeted by multiple declarations. As per CSS rules, directly targeted elements will always take precedence over rules which an element inherits from its ancestor.

score 1 · Accepted Answer · answered Mar 17 '19 at 06:20

1

Because margin is overwritten in the @media (max-width) query and padding is overwritten in section#intro

answered Mar 17 '19 at 06:20

WofWca

571
3
11

ok, i see that... but why the padding also strikethrough – woyman 1 Mar 17 '19 at 06:24
1

@woyman1 your padding is overwritten with `section#intro` selector because it's more specific – flppv Mar 17 '19 at 06:29

score 1 · Answer 3 · answered Mar 17 '19 at 06:40

1

because you are more specific here about the element

and you have written the above property after this

always the latest written css peoperty and value will be picked by the browser

now. you either be more specific or use !important property

answered Mar 17 '19 at 06:40

Mohammed Muzammil

644
9
17

Why CSS rules are disabled

3 Answers3