Weird css automatically added to the web

So i’m trying to figure out what’s the problem of my code and i found out that there are some weird CSS Properties added to my website. The on top .nav is what i actually wrote, the one on bottom is what i have no idea where it comes from and it causes a unexpected result. Can somebody explain it for me, thank !!!

Edit: My .nav class didn’t have display:flex and the other flex-box properties, but somehow, they still got added to my web. I unchecked those properties to test if they were the reason the layout was working wrong. I want to know where these properties came from and how they could be added to the web

@LuckEx I found some relevant information, it might help you:

[What do the crossed style properties in Google Chrome devtools mean?]

When a CSS property shows as struck-through, it means that the crossed-out style was applied, but then overridden by a more specific selector, a more local rule, or by a later property within the same rule.

(Special cases: a style will also be shown as struck-through if a style exists in an matching rule but is commented out, or if you’ve manually disabled it by unchecking it within the Chrome developer tools. It will also show as crossed out, but with an error icon, if the style has a syntax error.)

For example, if a background color was applied to all div s, but a different background color was applied to div s with a certain id, the first color will show up but will be crossed out, as the second color has replaced it (in the property list for the div with that id).
source: https://stackoverflow.com/questions/3047056/what-do-the-crossed-style-properties-in-google-chrome-devtools-mean

Also, take look at this, it might be helpful: https://developers.google.com/web/tools/chrome-devtools/css

Thanks, but i think you misunderstood my question. I should explain it more specific, my .nav class didn’t have display:flex and the other flex-box properties, but somehow, they still got added to my web. I unchecked those properties to test if they were the reason the layout was working wrong. I want to know where these properties came from and how they could be added to the web

I see your point.
This may help: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Debugging_CSS

1 Like

Thanks, i’m checking it out

Are you using Bootstrap or another library that has a nav class?

1 Like

_nav.scss definitely looks like Bootstrap.

It would be helpful to actually see the code, but I’m pretty sure @ArielLeslie is correct.

Yeah, i do use Bootstrap, i think i know why. Thanks, everyone