Home/ Questions/Q 7683177
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T18:44:09+00:00

Is there any way to (robustly) reset any possible :after and :before CSS rules

  • 0

Is there any way to (robustly) reset any possible :after and :before CSS rules for a newly created element?

Usually you can just set the style rules you want to reset on the element directly (with !important if you want to be sure), but I don’t know of any way of changing rules defined in :after on the element only.

(Only has to work with Chrome, if at all possible.)

An example at jsFiddle.

The content added with the :before/:after rules is affecting the value returned by clientHeight.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is a DOM2 API for that matter. The correct way to do this is

    document.getOverrideStyle(p, ':after').display = 'none'; // or
document.getOverrideStyle(p, ':after').cssText = 'display: none !important;';

    Unfortunately, no browser has implemented it. (Webkit returns null, Firefox has no such method). It looks like CSS3 doesn’t even bother talking about that anymore, maybe because the usecases are very rare.

    So you’re gonna have to do some id/className magic as suggested above or in the other thread

    • 0