Code with line going through it(strikethrough)?

  • Resolved Nabonga

    (@nabonga)


    10 years, 7 months ago

    I right-clicked on my WordPress site to “inspect element”.

    In the right hand window of the 2 windows containing code that open at the bottom of the screen, under styles, some of the code has a strikethrough.

    such as—> font-family: inherit; <—–except with a line through it.

    I’ve never seen this in what little css or html I’ve studied and have only seen it in WordPress.

    What does it mean? There’s also a little box with check mark(made visible with hover) to the left of some of the code whether or not it has a strikethrough.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 7 months ago

    You mean in the browser’s tools there’s a line through it? That means the style is being overridden or is invalid.

    Thread Starter Nabonga

    (@nabonga)

    10 years, 7 months ago

    Thanks. Yes, on the Chrome Browser. So it’s either invalid or some other code, external file, or style sheet takes precedence.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 7 months ago

    Yeah, but the browser’s tools will usually tell you if it’s being overridden because it’ll have the same style being re-applied. It will show this further up in the right-hand window of the toolbar. For example:

    h3 {
    font-family: courier;
}

    Pretend the below is the one with the strikethrough

    body, html {
    font-family: inherit;
}

    Thread Starter Nabonga

    (@nabonga)

    10 years, 7 months ago

    Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Code with line going through it(strikethrough)?’ is closed to new replies.