Skip to content

pseudo-elements.md

Latest commit

 

History

History
24 lines (21 loc) · 649 Bytes

pseudo-elements.md

File metadata and controls

24 lines (21 loc) · 649 Bytes

:before & :after

Add new style to :before and :after

// method #1
  let styleElem = document.head.appendChild(document.createElement("style"));
      styleElem.innerHTML = ".bar:before {background-color: #fff;}";

      styleElem = document.head.appendChild(document.createElement("style"));
      styleElem.innerHTML = ".bar:after {background-color: #fff;}";
      
// method #1
var style = document.querySelector('.foo').style;
style.setProperty('--background', 'url(http://placekitten.com/200/300)');
/*
.foo::before {
  background: var(--background);
  content: '';
  display: block;
  width: 200px;
  height: 300px;
}
*/