26 replies

styling pseudo element

what's wrong with this code..why does it show error?

html

  <div class="div"></div>

  <div class="div"></div>

css

.div::before{
  content: "";
  height: 100px;
  width: 100px; 
  background: red;
  position: absolute;
}

.div::before{
  content: "";
  height: 100px;
  width: 100px; 
  background: red;
  position: absolute;
}

let div = document.querySelector('.div');

let divBefore = window.getComputedStyle(div,'::before');

divBefore.background = 'blue'

let div = document.querySelector('.div');

let divBefore = window.getComputedStyle(div,'::before');

divBefore.background = 'blue'