Open Bug 1551572 Opened 6 years ago Updated 2 years ago

[Inactive CSS] Display a warning when CSS properties do not apply to a pseudo class.

Categories

(DevTools :: Inspector: Rules, enhancement, P3)

enhancement

Tracking

(Not tracked)

People

(Reporter: miker, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: [Importance: 0%])

::first-letter pseudo element can only be used with:

[
  "drop-initial-after-adjust",
  "drop-initial-after-align",
  "drop-initial-before-adjust",
  "drop-initial-before-align",
  "drop-initial-size",
  "drop-initial-value",
  "font-style",
  "font",
  "font-feature-settings",
  "font-kerning",
  "font-language-override",
  "font-stretch",
  "font-synthesis",
  "font-variant",
  "font-variant-alternates",
  "font-variant-caps",
  "font-variant-east-asian",
  "font-variant-ligatures",
  "font-variant-numeric",
  "font-variant-position",
  "font-weight",
  "font-size",
  "font-size-adjust",
  "line-height",
  "font-family",
  "background",
  "background-color",
  "background-image",
  "background-clip",
  "background-origin",
  "background-position",
  "background-repeat",
  "background-size",
  "background-attachment",
  "background-blend-mode",
  "margin",
  "margin-top",
  "margin-right",
  "margin-bottom",
  "margin-left",
  "padding",
  "padding-top",
  "padding-right",
  "padding-bottom",
  "padding-left",
  "border",
  "border-image",
  "border-image-source",
  "border-image-slice",
  "border-image-width",
  "border-image-outset",
  "border-image-repeat",
  "border-radius",
  "border-top-left-radius",
  "border-top-right-radius",
  "border-bottom-right-radius",
  "border-bottom-left-radius",
  "border-width",
  "border-top-width",
  "border-right-width",
  "border-bottom-width",
  "border-left-width",
  "border-color",
  "border-top-color",
  "border-right-color",
  "border-bottom-color",
  "border-left-color",
  "border-style",
  "border-top-style",
  "border-right-style",
  "border-bottom-style",
  "border-left-style",
  "color",
  "text-decoration",
  "text-shadow",
]

[This property] can't be used to style ::first-letter pseudo elements. Try a property like font-size or background.


::first-line pseudo element can only be used with:

[
  "font",
  "font-feature-settings",
  "font-kerning",
  "font-language-override",
  "font-stretch",
  "font-synthesis",
  "font-variant",
  "font-variant-alternates",
  "font-variant-caps",
  "font-variant-east-asian",
  "font-variant-ligatures",
  "font-variant-numeric",
  "font-variant-position",
  "font-weight",
  "font-size",
  "font-size-adjust",
  "line-height",
  "font-family",
  "background",
  "background-color",
  "background-image",
  "background-clip",
  "background-origin",
  "background-position",
  "background-repeat",
  "background-size",
  "background-attachment",
  "background-blend-mode",
  "color",
  "word-spacing",
  "letter-spacing",
  "text-decoration",
  "text-transform",
  "line-height",
  "text-shadow",
  "text-decoration",
  "text-decoration-color",
  "text-decoration-line",
  "text-decoration-style",
  "vertical-align",
  "border-image-outset",
  "border-image-repeat",
  "border-radius",
  "border-top-left-radius",
  "border-top-right-radius",
  "border-bottom-right-radius",
  "border-bottom-left-radius",
  "border-width",
  "border-top-width",
  "border-right-width",
  "border-bottom-width",
  "border-left-width",
  "border-color",
  "border-top-color",
  "border-right-color",
  "border-bottom-color",
  "border-left-color",
  "border-style",
  "border-top-style",
  "border-right-style",
  "border-bottom-style",
  "border-left-style",
  "color",
  "text-decoration",
  "text-shadow",
]

[This property] can't be used to style ::first-line pseudo elements. Try a property like line-height or word-spacing.


::marker pseudo element can only be used with:

[
  "text-combine-upright",
  "color",
  "font",
  "font-family",
  "font-feature-settings",
  "font-kerning",
  "font-language-override",
  "font-optical-sizing",
  "font-size",
  "font-size-adjust",
  "font-stretch",
  "font-style",
  "font-synthesis",
  "font-variant",
  "font-variant-alternates",
  "font-variant-caps",
  "font-variant-east-asian",
  "font-variant-ligatures",
  "font-variant-numeric",
  "font-variant-position",
  "font-variation-settings",
  "font-weight",
  "line-height",
]

[This property] can't be used to style ::marker pseudo elements. Try a property like font-size or font-style.


:visited pseudoclass can only be used with:

[
  "color",
  "background-color",
  "border-color",
  "border-bottom-color",
  "border-left-color",
  "border-right-color",
  "border-top-color",
  "column-rule-color",
  "outline-color",
  "fill",
  "stroke",
]

[This property] can't be used to style ::visited pseudo classes. Try a property like color or stroke.

Priority: P2 → P3

Beware of ::marker stuff being configurable (see layout.css.marker.restricted).

Whiteboard: [Importance: 0%]
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.