Kilotest: Rules belonging to CSS invalid issue

About the CSS invalid issue

• Why it matters: Document cannot be properly displayed
• Priority: high
• Related WCAG standard: 4.1

Rules

• Html Checker API rules

  • CSS: z-index: This number should be an integer.: z-index style property has a non-integer value
  • ^CSS: .+: Character .+ is neither a decimal digit number.*$: Nonnumeric character in a numeric style property
  • CSS: Parse Error. Style sheets should not include HTML syntax.: CSS style sheet includes HTML syntax
  • ^CSS: column-count: .+ is not valid, only values greater than 0 allowed.*$: CSS column-count property has a nonpositive value
  • CSS: font-size: One operand must be a number.: CSS font-size property has no numeric operand
  • ^CSS: font-weight: .+ is not valid, only values greater than or equal to 1.0 are allowed.*$: CSS font-weight property has a value smaller than 1
  • ^CSS: font-weight: .+ is not valid, only values lower than or equal to 1000.0 are allowed.*$: CSS font-weight property has a value greater than 1000
  • ^CSS: .+: Parse Error.*$: Invalid CSS
  • ^CSS: .+: .+ is not a valid color 3 or 6 hexadecimals numbers.*$: Invalid hexadecimal color in CSS
  • ^CSS: .+: .+ is not a .+ value.*$: Invalid value in CSS
  • ^CSS: .+: Property .+ doesn't exist.*$: Invalid property in CSS
  • ^CSS: .+: only 0 can be a length. You must put a unit after your number.*$: Length in CSS is nonzero but has no unit
  • ^CSS: .*only 0 can be a unit. You must put a unit after your number.*$: Number in CSS is nonzero but has no unit
  • CSS: Parse Error.: Invalid CSS
  • ^CSS: .+: Too many values or values are not recognized.*$: Invalid CSS value or too many values
  • ^CSS: .+: Invalid type: .+$: Invalid type of CSS value
  • ^CSS: .+: The types are incompatible.*$: Incompatible types of CSS values
  • ^CSS: .+: Unknown dimension.*$: Unknown CSS dimension
  • ^CSS: .+: Character array is missing "e" notation exponential mark.*$: Character array has no exponent mark e
  • ^CSS: .+: is an incorrect operator.*$: Space is misused as a CSS operator
  • ^CSS: .+: , is an incorrect operator.*$: Comma is misused as a CSS operator
  • ^CSS: Unknown pseudo-element or pseudo-class :.+$: Unknown pseudo-element or pseudo-class
  • ^CSS: unrecognized media .+$: Unrecognized media value
  • ^CSS: .+ is not a :lang.+ value.*$: CSS pseudo-class :lang() has an invalid value
  • ^CSS: .+: Missing a semicolon before the .+$: semicolon missing in CSS
  • ^CSS: perspective: .+ is not valid, only values greater than 0 allowed.*$: CSS perspective property has a nonpositive value
  • ^CSS: .*Lexical error at line .+, column .+ Encountered: .+$: CSS property has a value with a lexical error
  • ^CSS: transition: .+ is not valid, only values lower than or equal to 1.0 are allowed.*$: CSS transition property has a value greater than 1
  • CSS: -webkit-mask: too few values for the property linear-gradient.: CSS webkit-mask linear-gradient property has too few values
  • CSS: --solidHeaderNavigationColor: Cannot invoke "org.w3c.css.values.CssValue.getType()" because "val" is null.: CSS solidHeaderNavigationColor property is null
  • CSS: --gradientHeaderBackgroundColor: Cannot invoke "org.w3c.css.values.CssValue.getType()" because "val" is null.: CSS gradientHeaderBackgroundColor property is null
  • ^CSS: In CSS1, a class name could start with a digit .+, unless it was a dimension .+ In CSS2, such classes are parsed as unknown dimensions .+ To make .+ a valid class, CSS2 requires the first digit to be escaped: .+$: CSS class name starts with an unescaped digit

• Html Checker rules

  • CSS: z-index: This number should be an integer.: z-index style property has a non-integer value
  • ^CSS: .+: Character .+ is neither a decimal digit number.*$: Nonnumeric character in a numeric style property
  • CSS: Parse Error. Style sheets should not include HTML syntax.: CSS style sheet includes HTML syntax
  • ^CSS: column-count: .+ is not valid, only values greater than 0 allowed.*$: CSS column-count property has a nonpositive value
  • CSS: font-size: One operand must be a number.: CSS font-size property has no numeric operand
  • ^CSS: font-weight: .+ is not valid, only values greater than or equal to 1.0 are allowed.*$: CSS font-weight property has a value smaller than 1
  • ^CSS: font-weight: .+ is not valid, only values lower than or equal to 1000.0 are allowed.*$: CSS font-weight property has a value greater than 1000
  • ^CSS: .+: Parse Error.*$: Invalid CSS
  • ^CSS: .+: .+ is not a valid color 3 or 6 hexadecimals numbers.*$: Invalid hexadecimal color in CSS
  • ^CSS: .+: .+ is not a .+ value.*$: Invalid value in CSS
  • ^CSS: .+: Property .+ doesn't exist.*$: Invalid property in CSS
  • ^CSS: .+: only 0 can be a length. You must put a unit after your number.*$: Length in CSS is nonzero but has no unit
  • ^CSS: .*only 0 can be a unit. You must put a unit after your number.*$: Number in CSS is nonzero but has no unit
  • CSS: Parse Error.: Invalid CSS
  • ^CSS: .+: Too many values or values are not recognized.*$: Invalid CSS value or too many values
  • ^CSS: .+: Invalid type: .+$: Invalid type of CSS value
  • ^CSS: .+: The types are incompatible.*$: Incompatible types of CSS values
  • ^CSS: .+: Unknown dimension.*$: Unknown CSS dimension
  • ^CSS: .+: Character array is missing "e" notation exponential mark.*$: Character array has no exponent mark e
  • ^CSS: .+: is an incorrect operator.*$: Space is misused as a CSS operator
  • ^CSS: .+: , is an incorrect operator.*$: Comma is misused as a CSS operator
  • ^CSS: Unknown pseudo-element or pseudo-class :.+$: Unknown pseudo-element or pseudo-class
  • ^CSS: unrecognized media .+$: Unrecognized media value
  • ^CSS: .+ is not a :lang.+ value.*$: CSS pseudo-class :lang() has an invalid value
  • ^CSS: .+: Missing a semicolon before the .+$: semicolon missing in CSS
  • ^CSS: perspective: .+ is not valid, only values greater than 0 allowed.*$: CSS perspective property has a nonpositive value
  • ^CSS: .*Lexical error at line .+, column .+ Encountered: .+$: CSS property has a value with a lexical error
  • ^CSS: transition: .+ is not valid, only values lower than or equal to 1.0 are allowed.*$: CSS transition property has a value greater than 1
  • CSS: -webkit-mask: too few values for the property linear-gradient.: CSS webkit-mask linear-gradient property has too few values
  • CSS: --solidHeaderNavigationColor: Cannot invoke "org.w3c.css.values.CssValue.getType()" because "val" is null.: CSS solidHeaderNavigationColor property is null
  • CSS: --gradientHeaderBackgroundColor: Cannot invoke "org.w3c.css.values.CssValue.getType()" because "val" is null.: CSS gradientHeaderBackgroundColor property is null
  • ^CSS: In CSS1, a class name could start with a digit .+, unless it was a dimension .+ In CSS2, such classes are parsed as unknown dimensions .+ To make .+ a valid class, CSS2 requires the first digit to be escaped: .+$: CSS class name starts with an unescaped digit