Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="conic css">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Conic css</title>
</head>
<body id="r">
  <p>asd</p>
<div>x</div>
</body>
</html>
 
div {
  background: repeating-conic-gradient(white 0 .25%, #0003 .25% .5%);
  height:50px;
  width:50px;
  border-radius:50%;
  zoom:5
}
body{
  background:yellow !important;
}
 
function overWriteImportantValue(){
 var getCss = document.getElementById('jsbin-css').textContent;
  var reWriteCssImportant = getCss.replace('!important', '');
  document.getElementById('jsbin-css').textContent = reWriteCssImportant;
  document.body.style.background='#f35';
  console.warn('Hi dear! This site was overrided by #JAVASCRIPT.\nCss !important to NOT IMPORTANT hack.');
  return;
}
overWriteImportantValue();
​
/*
https://stackoverflow.com/questions/462537/overriding-important-style?newreg=c0b8da3ba9e0423a862d54f0412c59be
​
post:
There we have another possibilty to remove a property value from the CSS.
Like using the replace method in js. But you have to know exactly the ID of the style, or you can write a for loop to detecting that by(count styles on page, then check is any of those 'includes' or 'match' an "!important" value. & you van count also - how much contains them, or just simply write a global [regexp /str/gi] replacing method.) Mine is very simple, but i attack a jsBin for example:
`https://jsbin.com/geqodeg/edit?html,css,js,output`
First i set the body background in css for yellow !impoartant, then i overrided by JS for darkPink.
*/
​
​
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
nemesis1995pro
0viewers