CSS validation errors in twenty ten

  • Moderator t-p

    (@t-p)


    14 years, 6 months ago

    Level 3, W3C validation indicates the following CSS errors:

    blockquote:before, blockquote:after Value Error : content none is not a content value : none none

    input[type=”text”], textarea Property -moz-box-shadow doesn’t exist : inset 1px 1px 1px rgba(0,0,0,0.1) inset 1px 1px 1px rgba(0,0,0,0.1)

    input[type=”text”], textarea Property -webkit-box-shadow doesn’t exist : inset 1px 1px 1px rgba(0,0,0,0.1) inset 1px 1px 1px rgba(0,0,0,0.1)

    #access ul ul Parse Error [empty string]

    #access ul ul Property -moz-box-shadow doesn’t exist : 0 3px 3px rgba(0,0,0,0.2) 0 3px 3px rgba(0,0,0,0.2)

    #access ul ul Property -webkit-box-shadow doesn’t exist : 0 3px 3px rgba(0,0,0,0.2) 0 3px 3px rgba(0,0,0,0.2)

    pre Property -webkit-text-size-adjust doesn’t exist : 140% 140%

    code Property -webkit-text-size-adjust doesn’t exist : 160% 160%

    #access, .entry-meta, .entry-utility, .navigation, .widget-area
    Property -webkit-text-size-adjust doesn’t exist : 120% 120%

    #site-description Property -webkit-text-size-adjust doesn’t exist : none none

    Any side-effects of ignoring these error?

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Anonymous User

    (@anonymized-3085)

    There should be no side effects if you ignore those particular errors.

    Moderator t-p

    (@t-p)

    Thanks Rich ‘elfin’ Pedley for your response.

    DigitalSquid

    (@twelvefootsnowman)

    There will be a side effect – IE doesn’t support those CSS properties so it won’t display them.

    Moderator t-p

    (@t-p)

    Thanks Twelvefootsnowman for your response.

    There will be a side effect – IE doesn’t support those CSS properties so it won’t display them.

    One response says no side effects, and the one says there are side effects.

    Can a WP moderator or WP Dev shed some light on this issue, please.

    If there are the side effects (a significant number of people in the world use IE), then how can I fix these errors without messing up the blog?

    Thanks.

    Anonymous User

    (@anonymized-3085)

    The CSS that is giving the errors are basically browser specific, you’d have to compare browsers side by side to see the differences.

    I’d call them enhancements for browsers that have them. These days IE is getting there and slowly catching up, so there maybe some IE specific CSS that can replicate things.

    But some of it may already be in the CSS, which is why you need to check.

    You could always create a child theme and remove those errors if it concerns you.

    According to the W3C “-webkit-text-size-adjust” doesn’t exist in any approved model of CSS 2.1 or 3.

    I’m pretty sure the idea behind “-webkit-text-size-adjust” is to be used in a separate CSS file, specifically for mobile devices.

    Same goes for -webkit-box-shadow

    But neither of them actually show up as approved/valid CSS for either CSS2.1, CSS3 or CSS Mobile.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘CSS validation errors in twenty ten’ is closed to new replies.